(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)标签语义化(标签的含义):
标签语义化优点:
- 方便代码阅读和维护。
- 让浏览器或网络爬虫可以很好的解析,更好的分析其中的内容。
- 具有更好地搜索引擎化。
良好的代码风格:去掉CSS之后,网页结构依然组织有序,并有良好的可读性。