HTML标签

HTML的body内标签:

  

-图标          >     <

-p标签    锻炼

-br          换行

====小总结====

标签分为:

块级标签:div(白板)、H系列(加大加粗)、p标签(段落和段落之前有间距)

行内标签:span标签(白板)、a标签

 

-可提交标签:

input系列:

input type=‘text’                    - name属性,value="赵凡"

input type=‘password’          - name属性,value="赵凡"

input type=‘submit’               - value="提交" 提交按钮,表单

input type=‘button’                - value="登陆" 

input type=‘radio’                    - 单选框 value,checked="checked",name属性(name相同则互斥)

input type=‘checkbox’             - 复选框 value,checked="checked",name属性(批量获取数据)

input type=‘file’                       - 依赖form表单的一个属性 enctype="multipart/form-data"

input type='reset'                    -重置

<textarea>默认值</textarea>  -name属性

select标签                               -name,内部option value,提交到后台,size,multiple

 

-不可提交标签

<a>标签                               -跳转、锚点 href---“#标签ID”ID不可重复

-img(src、alt、title属性)

<img src="1.jpg" title=“大美女” style="height:200px; width: 200px;" alt=“美女”>  包含在a标签里面可以做跳转

-列表

列表前是"●"

<ul>

<li></li>

<li></li>

<li></li>

</ul>

列表前是阿拉伯数字

<ol>

<li></li>

<li></li>

<li></li>

</ol>

列表dt包含标题,dd是标题的内容

<dl>

<dt></dt>

<dd></dd>

<dd></dd>

<dt></dt>

<dd></dd>

<dd></dd>

</dl>

-表格

  1.一般的表格

  <table border = "1">

    <tr>

      <td>第一行,第一列</td>

      <td>第一行,第二列</td>

      <td>第一行,第三列</td>

    </tr>

    <tr>

      <td>第二行,第一列</td>

      <td>第二行,第二列</td>

      <td>第二行,第三列</td>

    </tr>

  </table>

  2.带首行表格

  <table border = "1">

    <thead>

    <tr>

<th>标题1</th>

<th>标题2</th>

<th>标题3</th>

    </tr>

    </thead>

<tbody>

<tr>

<td>第一行,第一列</td>

<td>第一行,第二列</td>

<td>第一行,第三列</td>

</tr>

<tr>

<td>第二行,第一列</td>

<td>第二行,第二列</td>

<td>第二行,第三列</td>

</tr>

</tbody>

  </table>

-标签label:用于点击标签,使得关联的标签获取光标

<label for = "username">用户名</label>

<input id="username" type="text" name="user">

-fieldset:legend

  <fieldset>

    <legend>登陆框</legend>

    用户名:<input type="text">

    密码:<input type="pwd">

  </fieldset>

posted @ 2018-10-15 11:07  坑爹的川川  阅读(81)  评论(0)    收藏  举报