zoukankan      html  css  js  c++  java
  • HTML标签学习

    HTML标签谁不会啊,,,虽然这么说,但是看一看,把基础打扎实也挺好!!

    HTML是由标签和内容构成

    HTML标签:双标签  <head>  <title>  <body>

                         单标签   <hr>  <br>  <img>

    <head>
         常见的编码格式有两种 ① gb2312 ② utf-8
        <meta charset="utf-8">
        <title>这是一个标签</title>
    </head>


    <br/> 换行 <p> <p/> 换段落 <i><i/> 斜体 <b><b/> 加粗 <hn><hn/> 字体大小 <font></font> 字体设置

    列表标签

    列表
    <ul></ul> 无序列表
    <ol><ol/> 有序列表

    书写格式:::::

        <ul>   <ul type="circle"> 空心圆,可在HTML手册中查到
            <li>这是1</li>
            <li>这是1</li>
            <li>这是1</li>
        </ul>

        <ol>
            <li>这是1</li>
            <li>这是2</li>
            <li>这是3</li>
        </ol>

    超链接标签

        <a href="http://www.baidu.com" target="_self">百度</a><br/>   必要参数就是 href ,其中target是选择新网站的打开方式,_self 是在当前网站打开 
        <a href="http://www.baidu.com" target="_blank">百度</a><br/>   _blank 是在一个新窗口里面打开 

    图片标签

     <img   src="/images/1.jpg"  width="300px" />
    第一个路径就显示不出来图片,第二个路径就能显示出来图片,所以说差一个点都不行;;表示当前目录必须是 ./ <img src="./images/1.jpg" width="300px" />

    音频标签

     <audio src="./mus/a.mp3" controls="controls">您的浏览器不支持!</audio>
        <br/>
        <br/>
    
     <video controls="controls" width="400" height="400" loop poster ="./images/1.jpg">
        controls 的作用是加一个控制栏(比如说点击播放按钮,音量等等)
    </video>

    表格标签

    <h1>表格table</h1>
     <table border="1" width="400px" cellspacing="0">
            <tr bgcolor="#cccccc">
             <th>姓名</th>
             <th>性别</th>
             <th>年龄</th>
             </tr>
    
              <tr>
             <th>张三</th>
             <th>男</th>
             <th>20</th>
             </tr>
    
              <tr>
             <th>李四</th>
             <th></th>
             <th></th>
             </tr>
    
              <tr>
             <th>王五</th>
             <th>女</th>
             <th>20</th>
             </tr>
    
             <tr>
             <th>王五</th>
             <th>女</th>
             <th>20</th>
             </tr>
     </table>

    form标签

     

        <h3>表单实例</h3>
    
        <form action="1.php" method="post" enctype="multipart/form-data">
            账户:<input type="text" name= " account "value="xxxx">  
            <br/>
            <br/>
            地址:<input type="text"  name="address" value="上海市浦东新区xxx号" size="40" disabled>
            <br/>
            <br/>
            密码:<input type="password" name="password">
            <br/>
            <br/>
            性别:<input type="radio" name="sex" value="1"><input type="radio" name="sex" value="2"><br/>
            <br/>
            爱好:<input type="checkbox" name="like[]"> 篮球  
                 <input type="checkbox" name="like[]">  足球
                 <input type="checkbox" name="like[]">  乒乓球
                 <input type="checkbox" name="like[]">  台球
            <br/>
            <br/>
            头像:<input type="file" name="headimg">
            <br/>
            <br/>
            日期:<select name="datee">
                <option value="1990">1990</option>
                <option value="1991">1991</option>
                <option value="1992">1992</option>
            </select>
            <br/>
            <br/>
            城市:
            <select name="city">
                <option value="site">北京</option>
                <option value="site">广州</option>
                <option value="site">上海</option>
                <option value="site">深圳</option>
            </select>
            <br/>
            <br/>
            简介:
            <textarea cols="27" rows="6">请输入内容 :     </textarea>
    
            <br>
            <br>
    
            <input type="submit" name="提交">
            <input type="reset" name="重置">
    
        </form>
        <!-- action 就是要提交的目的地址 
             如果input里面加入  readonly ,就会默认输入值且不可更改
             disabled 就是不可更改的
        -->

     第二种写法就是

        <hr>
        <hr>
    
        日期:<input type="date" name="dd"><br><br>
        时间:<input type="time" name="tt"><br><br>
        网址:<input type="url" name="ss"><br><br>
        邮箱:<input type="email" name="rr"><br><br>
        参数:<input type="number" name="xx">
    
        <br>
        <br>
        <br>

    这种方式可以利用html的内容直接进行编辑

  • 相关阅读:
    vue 保留两位小数 不能直接用toFixed(2) ?
    分页导航 简洁版 只有上一页下一页
    vue style width a href动态拼接问题 ?
    使用html元素的getBoundingClientRect来获取dom元素的时时位置和大小
    javascript中函数的闭包自调用
    javascript中的Promise使用
    常用css样式颜色值: 64位真彩和256位值
    javascript数组Array强大的splice()方法
    Bootatrap常用样式
    angularjs上传图片和文件
  • 原文地址:https://www.cnblogs.com/zhangqianxi/p/13939515.html
Copyright © 2011-2022 走看看