文章目录
HTML标签分为闭合标签和自闭合标签<body></body>中常用标签<a/>超链接<img/>图像标签<table></table>表格标签<form>表单标签</form><iframe>内联框架</iframe>
HTML
THML指的是超文本标记语言(TyperText Markup Language)
超文本：指不仅可以是文本，还可以是图片，视频，连接标记：即标签(通过标签让浏览器识别并显示)
通过.txt文件编写Hello World，保存后修改文件名后缀名为.html直接通过浏览器运行即可。
通过HBuildX软件创建项目，熟知项目目录
对index.html文件中的标签进行认识：
<html>...
</html>标签标记 HTML 文档的开始和结束
<head>...
</head>标签包括标题和其他说明信息
<body>...
</body>标签包含文本，图像和链接。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>标题
</title>
<link rel="icon" href="img/hao123.png">
</head>
<body>
网页内容
</body>
</html>
标签分为闭合标签和自闭合标签
格式:
闭合标签 <标签>标签内容</标签>自闭合标签 : <标签/> 闭合标签有标签内容，而自闭合标签没有标签内容都可以在标签里面设置属性
<body></body>中常用标签
Ctrl+E选中和已经选中相同的
标题标签<h#></h#>
段落标签<p></p>
换行标签< br/>
列表标签
<ul>
<li>无序列表
</li>
</ul>
<ol>
<li>有序列表
</li>
</ol>
注意在敲写列表时可以通过简单的快捷方式ul>li*num +tab
<a/>超链接
href超链接的地址name锚点命名(href调用时通过#name)
<img/>图像标签
src : 图片路径alt : 图片不能正常显示时，提示用户
<table></table>表格标签
标签
行标签
列标签(单元格)列标签(表头单元格：字体加粗，居中) 属性
colspan(跨列合并单元格)rowspan(跨行合并单元格)valign(设置单元格内容的垂直位置)height(设置行的高度) 属性
cellpadding(填充)设置内容和单元格之间的大小cellspacing(间距)设置单元格之间的距离align(设置表格的水平位置)
注意表格内容只能写在单元格中
<form>表单标签</form>
input标签
type : 选择该input的类型
text : 文本
password : 密码
radio :单选
checkbox : 复选框
file : 文件
submit : 提交按钮，触发表单的action事件
reset ：表单重置按钮
button : 普通按钮
id ： 唯一标识一个input标签
value : 该input输入的值
name : 向服务器传值时以 name=value
readonly : 规定该input标签为只读
disabled : 锁定之后，提交表单不会提交该值
checked : 默认选中
label标签
for连接input中的id，定点击时锁定input标签
select下拉框
name向服务器传送的键
option标签
value向服务器传送的值
selected默认选中该下拉框
textarea多文本域
name向服务器传送的键
多文本域中的value就是标签内容
<iframe>内联框架</iframe>
<a href="succeed.html" target="iframe">成功页面
</a>
<iframe name="iframe"></iframe>
