列表标签
无序列表标签: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,组合标签的标题。