网页就是一个HTML文件。
1、HTML结构
<!doctype html>
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>
说明：
- 文档类型<!DOCTYPE>
<!DOCTYPE html>
标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范.
- HTML标签
- 标识HTML文档，是所有HTML中标签的一个根节点。
- head标签
- 标识头部区域，用于存放：title,meta,base,style,script,link
- title标题
- 在head标签中我们必须要设置的标签，让页面拥有一个属于自己的标题。
- body标签
- 标识页面的主体部分，用于存放所有的HTML标签，如p,h,a,b,u,i,s,em,del,ins,strong,img
2、HTML标签和属性
写HTML文档时，必须遵循HTML语法规范。HTML文档实际上就是一个文本文件，它由标签和信息组合而成，当然标签和信息也不是随便组合的，需要遵循一定规则，否则无法正常显示。
- 标签分类
- 在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <html>、<head>、<body>都是HTML标签。根据出现个数不同，分为双标签和单标签
- 双标签
- 该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签 名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束 标签只是在前面加了一个关闭符“/”。
- <标签名 属性名1="属性值" 属性名2="属性值" 属性名3="属性值" ……> 内容 </标签名>
- 单标签
- 单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
- <标签名 属性名1="属性值" 属性名2="属性值" 属性名3="属性值" …… />
- 标签关系
- 嵌套关系
- <head> <title> </title> </head>
- 并列关系
- <head></head> <body></body>
- 标签语义化
- 所谓标签语义化，就是指标签的含义
- 作用：
- 方便代码阅读和维护
- 具有更好地搜索引擎优化
- 更容易让浏览器或是网络爬虫解析，从而更好地分析网页的内容
- 遵循原则：
- 合适的地方放一个最为合理的标签。 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性
有一起学习的吗？请点赞收藏+关注哦！
本文暂时没有评论，来添加一个吧(●'◡'●)