目录
一.HTML介绍
二.HTML常用标签
2.1 标题标签
2.2 段落标签
2.3 超链接标签
2.4 图片标签
2.5 换行与空格
2.6 布局标签
2.7 列表标签
2.8 表单标签
一.HTML介绍
定义：将内容显示在网页，用来描述网页的一种语言，负责网页的架构。
HTML标签：
单标签： <标签名 />
双标签：<标签名>内容</标签名>
标签属性：
属性格式：属性名="属性值"
格式：<标签名 属性1= "属性值1” 属性2= "属性值2”>内容</标签名>
<a href= "http: //www.jd.com”>京东</a>
二.HTML常用标签
2.1 标题标签
说明:HTML标题是通过<h1> - <h6>等标签进行定义
示例：
<body>
<h1>h1</h1> <h2>h2</h2> <h3>h3</h3> <h4>h4</h4> <h5>h5</h5> <h6>h6</h6></body>
2.2 段落标签
说明：HTML段落是通过<p>标签进行定义的
示例：
<body>
<p>第一个段落</p> <p>另外一个段落</p></body>
2.3 超链接标签
说明:超链接是通过<a>标签进行定义的
属性：
href="指定跳转地址（必须带协议：http或https）
target= "打开窗口的方式”
示例：
<body> <a href="http://www.baidu.com" target= "_blank”>百度</a> </body
2.4 图片标签
说明:网页中插入图片就要使用图片标签，HTML图片是通过<img>标签进行定义的
属性：
src:图片路径及文件名
1.相对路径：相对当前执行文件所在位置来说
上一级：../
同级：./
2.绝对路径：不推荐
width:宽
height:高
title:鼠标悬停提示信息
alt:图片未加载提示信息
测试点：标签内容中必须有title
示例：
<img src="022.jpg" width="200px" height="200px" title="希望在田野” alt="此处有图片” />
2.5 换行与空格
换行：<br />
空格：
示例：
<body>
<!--1、换行-->你好<br />测试!
<!--2、空格-->
小花生 软件测试!
</body>
2.6 布局标签
说明:页面布局使用，常用（div和span）
示例：
2.7 列表标签
说明:列表标签常用li元素（分为:有序和无序)
示例：
2.8 表单标签
说明:页面提交输入信息需要使用表单标签<form>
示例：
input中type定义信息
type类型：
text：文本框
password：密码框
radio：单选按钮
checkbox：复选框
button/btn：普通按钮
reset：重置按钮
submit：提交按钮
![洛谷P1219 [USACO1.5] 八皇后【n皇后问题】【深搜+回溯 经典题】【附O(1)方法】](https://img-blog.csdnimg.cn/469cfe26fac94a4781c1f2c365a42727.png)
