列表标签

 无序列表标签：ul

 <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
......
</ul>

<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标记中输入文字的做法是不被允许的。

 有序列表标签：ol

<ol>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

......

</ol>

 自定义标签：dl

 <dl>

    <dt>名词1</dt>

    <dd>名词1解释1</dd>

    <dd>名词1解释2</dd>

    ...

    <dt>名词2</dt>

    <dd>名词2解释1</dd>

    <dd>名词2解释2</dd>

    ...

</dl>

表格标签：table

<table>

    <tr>

    <td>单元格内的文字</td>

       ...

    </tr>

    ...

</table>

 

table标签表格整体标签

thead标签，表格标题部分

tbody标签，表格内容部分

tr标签，表格行

td标签，表格内容单元格

th标签，标题单元格

rowspan属性，行合并单元格

colspan属性，列合并单元格

节标签

Div标签：<div></div>  块级标签:独占行。

Div多用于表示文档中的一个块或者是整个结构的小节。

块：p，div，ul，ol，dl，li，dt，h1-h6

 

Span标签:  <span></span>  行级标签：可以跟其他的行内标签共用一行。

Span标签，多用于文本的一小节。

行：span，strong，em，文本相关的标签都是行内标签。

 

表单标签form

表单一般由 文本框、下拉列表、单选、多选、文本域等组成。

Form标签，表单的域标签，用于包裹整个表单的内容。

Input标签(放在表单标签中)是文本框、单选、多选、按钮等。

Type属性不同的取值决定了input标签的作用。

文本框：text

密码框：password

单选：radio

多选：checkbox

按钮：button

提交按钮：submit

重置按钮： reset

<form action="https://www.baidu.com/index.php?tn=56060048_4_pg&ch=12">
    账号：<input type="text"><br>
    密码：<input type="password"><br>
    账号: <input type="text" value="ljn" name="aa"><br>
    密码: <input type="text" value="123" name="bb"><br>
    性别：<input type="radio" name="name">男
          <input type="radio" name="name" checked>女
          <input type="radio" name="name">保密<br>
    爱好：<input type="checkbox" name="name" checked>篮球
          <input type="checkbox" name="name">足球
          <input type="checkbox" name="name">羽毛球 <br>

    <input type="button" value="注册">
    <input type="reset" value="清空">

 

Select标签用于下拉列表，或者列表标签。 Multiple，单属性。

<select>
    <option>广东</option>
    <option>广西</option>
    <option>贵州</option>
    <option>海南</option>
    <option>上海</option>
</select>

 

Textarea文本域标签：当输入大量的文本的时候需要使用文本域标签。

Cols设置文本域可以输入多少列 字符。宽度。

Rows 设置文本域的可以输入的行 字符数，高度。

 

Fildset标签

Legend，组合标签的标题。