(1)HTML是什么
HTML(Hyper Text Markup Language)中文译为"超文本标签语言",主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
(2)HTML骨架格式:

<html>
	<head>
		<title>这里是标题标签</title>
	</head>
	<body>
		这里是主体标签~QAQ
	</body>
</html>

对上面骨架格式的解释:

<html>---根标签 
<head>---头标签
<title>---标题标签
<body>---主体标签

上面的html标签展示:

(3)标签:
网页组成元素有:文字、图片、链接、视频、音频…我们需要用代码来表示这些元素,这时候就用到了标签。
在HTML页面中,带有"<>“符号的元素被称为HTML标签,如上面提到的<html>、<head>、<body>、都是HTML标签。所谓标签就是放在”<>"标签符中表示某个功能的编码命令,也称为HTML标签或HTML元素。

  • 双标签: <标签名>内容</标签名>
    <标签名>称为开始标签(start tag)
    </标签名>称为结束标签(end tag)
比如:<body>这里是文字</body>
  • 单标签:<标签名/>
    单标签也称作空标签,是指一个标签符号即可完整地描述某个功能的标签。
比如<br />

(4)标签关系(两种):

  • 嵌套关系(父子关系)
    根标签<.html>是所有标签的父标签
<head> <title> </title> </head>
  • 并列关系(兄弟关系)
 <head></head>
 <body></body>

一个错误的关系✖:

<head><title></head></title>

(5)开发工具:

普通青年 Dreamweaver
文艺青年sublime
高手和傻子 记事本
其实工具用什么都无所谓,所以我决定VSCode…
在VSCode输入html:5或者!然后再按tab或者回车键就可以直接生成HTML骨架了。

文档类型:<!DOCTYPE html>是HTML5的标签,上一个版本是html:xt,HTML5兼容以前的版本。
字符集:<meta charset="UTF-8">是目前最常用的字符及编码格式,常用的还有gbk和gb2312。

(6)标签语义化(标签的含义):

标签语义化优点:

  1. 方便代码阅读和维护。
  2. 让浏览器或网络爬虫可以很好的解析,更好的分析其中的内容。
  3. 具有更好地搜索引擎化。

良好的代码风格:去掉CSS之后,网页结构依然组织有序,并有良好的可读性。