1.先从一个HTML实例来了解HTML大致结构
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>ProgWeb(progweb.cn)</title> 6 <head> 7 <body> 8 <h1>我的第一个标题</h1> 9 <p>我的第一个段落。</p> 10 </body> 11 </html>
这段在编写的时候遇到了一个致命性的错误就是没有在元素后面加 / 下次注意
实例解析：
1 <!DOCTYPE html>声明为HTML5文档 2 <html> 元素是HTML页面的根元素 3 <head> 元素包含了文档的元 (mate) 数据，如<mate charset="utf-8">定义网页编码格式为 utf-8。 4 <title> 元素描述了文档的标题 5 <body> 元素包含了可见的页面内容 6 <h1> 元素定义一个大标题 7 <p> 元素定义一个段落
注意：对于中文网页需要使用 <mete charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器（如 360 浏览器）会设置 GBK 为默认编码，则你需要设置为<meta charset="gbk">
HTML网页结构图：
2.HTML文档后缀名
* .html
* .htm
3.HTML基础
1.标题
HTML标题通过<h1>-<h6>标签来定义的
2.段落
通过<p>来定义
3.链接
通过<a>来定义的
实例：<a href="https://www.progweb.cn">这是一个链接
提示：href属性中指定链接地址
4.图像
图像通过<img>来定义
<img loading="lazy" src="/images/logo.png"> width="258" height="39" />
注意：图像的名称和尺寸是以属性的形式提供的
HTML语法
HTML以开始标签起始 <p>
HTML以结束标签终止 </p>