1、HTML基本结构
HTML网页基本结构
- HTML标签都以“< >”开始、“</ >”结束
- 网页中所有的内容都放在之间
网页基本信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>腹白的博客</title>
<meta charset="UTF-8">
<meta name="keywords" content="腹白,博客"/>
<meta name="description" content="看博客，搜腹白"/>
</head>
<body>
</body>
</html>
- DOCTYPE声明
百度搜索DOCTYPE声明，查看菜鸟教程：https://www.runoob.com/tags/tag-doctype.html
- < title>标签
- < meta>标签
网页常用的字符编码有gb2312、utf-8，两者之间的区别。
2、网页的基本标签
2.1、标题标签
h1最大，h6最小
<h1>腹白</h1> <h2>腹白</h2> <h3>腹白</h3> <h4>腹白</h4> <h5>腹白</h5> <h6>腹白</h6>
2.2、段落标签
2.3、换行标签
换行标签，查看效果图,看段落标签和换行标签的不同
2.4、水平线标签
2.5、字体样式标签
2.6、注释和特殊符号
注释
<!--我是注释-->
特殊符号
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>特殊符号</title>
</head>
<body>
<!--空格-->
<p>
腹白的博客 Java<br/>
腹白的博客 Java<br/>
腹白的博客 Java<br/>
</p>
<!--大于小于-->
<p>
> < <br>
> <
</p>
<!--引号-->
<p>
"腹白的博客"
</p>
<!--版权-->
<p>
© 2019-2022 腹白的博客
</p>
<!--万能的公式 &符号+xxx -->
</body>
</html>
2.7、图像标签
常见的图像格式：jpg、gif、png、bmp...
说明：jpg、gif是网页中最常用的格式，PNG受浏览器兼容性的限制
说明：
- alt属性常和src配合使用。
- img标签的与之前学习的< br/>标签一样，不是成对的标签，直接在最后以“/”闭合，体现标签的语义化。
2.8、链接标签
- 页面间链接：从一个页面链接到另外一个页面
- 锚链接
- 功能性链接
说明：
- 路径分为相对路径和绝对路径
- target常用值为self和blank
锚链接
功能性链接
这几种都是常用的功能性链接，例如在网上单击一些QQ图标直接弹出QQ对话框，或单击MSN图标直接 弹出MSN对话框，这些都是使用了功能有性链接
