标题元素:<h1>~<h6>标签可以定义标题。<h1>定义最大的标题,<h6>定义最小的标题。该标签支持全局标准属性和全局事件属性。
段落元素:<p>标签用于定义段落,浏览器会自动在其前后创建一些空白。 <br>标签定义一个换行,通常在<p>标签内。若要正常的换行,就用到了<br>标签,需要注意的是,<br>标签不是用于分割段落的。
注释元素:<!-- -->用于在HTML里插入注释,它的开始标签为<!--结束标签为-->,开始标签和结束标签不一定在一行,也就是说,可以写多行注释。
图片元素:图像由<img>标签定义。<img>元素的基本结构:<img src=“图片的url” alt=“图像的替代文本”>图片的URL指存储图像的位置,可以是相对路径,也可以是绝对路径。图像的替代文本主要针对的是无图浏览器,或者纯文字型浏览器,图片会显示成图像的替代文本。<img>元素还可以设置高度(height)和宽度(width)。
超链接元素: <a>标签来设置超文本链接。<a>元素的基本结构:<a href="url">链接文本</a>
默认情况下,链接将以以下形式出现在浏览器中:
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时,链接显示为红色并带有下划线。
- 文本链接:只得是<a>和</a>标签之间的内容为文本内容,是最常见的链接形式。
- 锚点链接:一份大型文档可以分为多个小节,读者可以通过锚点链接快速定位到自己想看的部分。锚点通常用唯一属性值id设定,然后在<a>元素的name属性中用“#+对应的锚点”即可。
- 图像链接:<a>和</a>标签之间的元素内容为<img>元素。
- 空链接:指未指派目标地址的超链接,使用场景较少。
列表元素:无序列表 :每一项前缀都显示为图形符号,用<ul>定义无序列表,用<li>定义列表项。<ul>的type属性定义图形符号的样式,属性值为disc(点)、square(方块)、circle(圆)、none(无)等。 有序列表:前缀通常为数字或者字母,用<ol>定义有序列表,用<li>定义列表项。属性值为1(数字)、A(大写字母)、I(大写罗马数字)、a(小写字母)、i(小写罗马数字)等。<ol>还可以通过start属性定义序号的开始位置。 定义列表:一种特殊的列表,它的内容不仅仅是一列项目,而是项目及其注释的组合。用<dl>标签定义,定义列表内部可以有多个列表项标题,每个列表项标题用<dt>标签定义,列表项标题内部又可以有多个列表项描述,用<dd>标签定义。
表格元素:用<table>标签定义。表格标题用<caption>标签定义,每个表格均有若干行,用<tr>标签定义,每行被分割为若干单元格,用<td>标签定义,当单元格是表头时,一般用<th>标签定义。
<td>标签有两个常用属性:colspan(用于定义单元格跨行)rowspan(用于定义单元格跨列)。
表单元素:用<form>标签定义,其它的表单控件元素必须放在<form>元素内部,否则,单击submit按钮提交时会丢失参数。
<textarea>表单控件及多行文本区域。