语义化标签

语义化标签

<p></p>	  段落标签
<h1>~<h6>   标题标签
<br/>    换行（单标签）
<strong></strong>   加粗 或者<b></b> 前者更强烈
<em></em>  <i></i>	倾斜
<del></del> <s></s>  删除线
<ins></ins> <u></u>	 下划线
<img src='' alt='' title=''/>   图片（单） alt图像的替换文字 title鼠标悬停的显示提示文字
<a></a> 超文本链接标签

布局标签，不是语义化

<div></div>
<span></span>

特殊字符
在HTML页面中, - -些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

表格标签

<table>
	<thead>
		<tr>
			<th>表头</th>
			<th>表头</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>列</td>
			<td>列</td>	
			<td>列</td>
		</tr>
	</tbody>
</table>

列表标签

//有序列表
<ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

//无序列表
<ol>
	<li></li>
	<li></li>
	<li></li>
</ol>

//自定义列表
<dl>
	<dt>自定义名字</dt>
	<dd>项目列表</dd>
	<dd>项目列表</dd>
</dl>

表单

表单域
<form action='提交地址' method='POST提交方式' name='名字'>

	<label for='text'><input type='text' name='' value='' id='text'>
	
	<select>
		<option>选项1</option>
		<option>选项2</option>
		<option>选项3</option>
	</select>
	
	<textarea>
		文本内容
	</textarea>
</form>

表单元素
input	输入表单元素
<label for=''>标签：
	用于绑定一个表单元素，当点击此标签内的文本时，浏览器会自动将焦点（光标）转到或者选择对象的表单元素上，用来增加用户体验。
	*****此标签的for属性应到能够与相关元素的id属性相同 上面例子的input中的id和for的属性值都要保持一致。
	
select	下拉表单元素
textarea 文本域表单