Html基本标签

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">
<!-- 
src里面填写当前路径
./代表当前目录
../代表上级目录
alt:找不到图片时的代替文本
-->

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"> <!--border 表示边框 bgcolor align -->
<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。