标签分类
单标签
双标签
标签关系
并列关系
包含关系
标签基本结构
<!DOCTYPE html>是文档类型的声明
常用标签
文本类标签
标题标签：<h1></h1> - <h6></h6>
h1字体最大，h6最小
段落标签：<p></p>
换行标签：<br/>
字体加粗标签：<strong></strong> 和 <b></b>
字体倾斜标签：<em></em> 和 <i></i>
删除线标签：<del></del> 和 <s></s>
下划线标签：<ins></ins> 和 <u></u>
图像标签
<img></img>
超链接标签
<a></a>
属性
href（必须属性）：指定链接目标URL地址；
当值为“javascript:;”时，阻止页面跳转；
target：指定链接页面的打开方式；
_self（默认值）当前窗口打开；
_blank 在新窗口打开；
分类
空链接：当没有确定链接目标，<a href="#"></a>；
外部链接：外部链接所链接的目标一般为外部网站目标；
内部链接：网站内部页面之间的相互链接；
下载链接：地址是一个文件或者压缩包；
网页元素链接：网页中的各种元素都可以添加超链接；
锚点链接：可以快速定位到页面中的某个位置；
1.在目标位置标签增添一个id属性，即id="名字";
2.在链接的href属性中设置属性值为“#名字"；
列表标签
无序列表
<ul></ul> 定义无序列表；
<li></li> 定义无序列表项；
有序列表
<ol></ol> 定义有序列表；
<li></li> 定义有序列表项；
表格标签
<table</table> 定义表格；
<caption></caption> 定义表格标题（可选）；
<tr></tr> 定义表格中的行；
<th></th> 定义表头，大多数浏览器会把表头显示为粗体剧中的文本；
<td></td> 定义单元格，嵌套在 <tr> 标签中；
表格结构标签
<thead></thead> 定义头部区域
<tbody></tbody> 定义主体区域
<tfoot></tfoot> 定义脚步区域
表单标签
<form></form> 定义表单域
action属性：用于指定接受并处理表单数据的服务器程序url地址；
traget属性：规定提交表单在浏览器的显示响应；
_blank 响应显示在新窗口或选项卡中；
_self 响应显示在当前窗口中；
_parent 响应显示在父框架中；
_top 响应显示在窗口的整个body中；
framename 响应显示在命名的 iframe 中；
method属性：用于设置表单数据的提交方式；
name属性：用于指定表单域的名称。
表单元素：
<input/> 用于收集用户信息
type属性：表示输入类型；
text 单行文本；
password 密码；
number 数值；
date 日期；
radio 单选按钮；
checkbox 复选框；
submit 提交表单数据至表单处理程序的按钮；
button 按钮；
reset 重置按钮；
其他属性：
<select></select> 下拉列表标签；
<option></option> 定义下拉选项，可通过selected属性来定义预定义选项；
<textarea></textarea> 文本域元素，定义多行文本输入；
<button></button> 定义可点击的按钮；
<label></label> 为 input 标签定义标注，for属性应当与相关联元素的id同步。
盒子标签
<div></div> 定义一个大盒子，一行只能放一个；
<span></span> 定义一个小盒子，一行能放多个；
盒子标签一般无具体语义，常用来布局。
注释与特殊字符
注释
<!-- 注释语句 -->
特殊字符
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
