1、注释标签
2、换行标签
<br/>
3、hr标签
用于定义水平线,也为自闭和标签。
4、标题标签
<h1>to<h6> 为标题标签 具有自动换行功能
5、段落标签
<p> </p> 定义一个段落
6、字体标签
<b>对文字进行加粗</b>
<i>定义斜体文本。<i>
<font>字体标签,html5已被淘汰</font>
font的属性:color、size、face(字体)。
7、居中标签
<center>使文本居中,html5已废除</center>
8、图片标签
<img loading="lazy" src="smiley-2.gif" alt="Smiley face"
width="42" height="42">
9、列表标签
9.1、有序列表
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol> 标签定义了一个有序列表. 列表排序以数字来显示。
使用<li> 标签来定义列表选项。
type可进行属性的定义,type="A" "a" "I" "1"。
9.2、无序列表
<ul>
没有顺序的编号
type有3中取值 disc 圆点 square 方框 circle 圆圈
10、超链接标签
<a href="http://www.runoob.com">访问菜鸟教程!</a>
<a href="./xxxx">访问当前页面的html</a>
<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性,它指定链接的目标。
属性:target
_self:在本页面内打开
__blank:在新的页面打开
11、块标签
<span> </span> 起包裹作用,与CSS结合 行内标签
<div> </div> 每个div占满一整行 可换行 块级标签
12、语义化标签
html4:
<div id="xxx"> 使用id为xxx来控制样式 </div>
html5:
<header> <footer> 语义化标签 提高程序可读性
13、表格标签
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<tr> 元素定义表格行
bgcolor、align
<th> 元素定义表头、<td> 元素定义表格单元
colspan:合并列
rowspan:合并行
<cellpadding> 规定单元边沿与其内容之间的空白。
<cellspacing> 规定单元格之间的空白。
<caption> 定义表格标题
14、form
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,如文本域、下拉列表、单选框、复选框等。
表单中的项要想被提交,必须指定其name属性。
action 属性规定当提交表单时,向何处发送表单数据。
15、input
type属性:
文本域 text:
密码输入框:password
单选框:radio
复选框:checkbox
单选框和复选框中name要相同,value代表提交的值
提交按钮:submit
placeholder:指示输入框的提示信息
file:上传文件按钮
hidden:隐藏域(用于提交一些信息)
button:这是一个按钮
search:定义搜索字段
image:图片提交按钮
16、label
<label for="id"> :点击label,让input输入框获取焦点
17、select
子元素 option 指定列表项
18、textarea
文本域
属性:cols、rows。