前端与HTML|青训营笔记

这是我参与「第四届青训营」笔记创作活动的第1天

HTML介绍

HTML 是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。

什么是HTML?

HTML（HyperText Markup Language)是一种超文本标记语言，不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。一对标签（tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号...等。例如下面一行内容：

<h1>我爱字节跳动</h1>
<img src="img/"/>

注意：HTML标签不区分大小写。也就是说，输入标签时既可以使用大写字母也可以使用小写字母。不过，从一致性、可读性来说，最好仅使用小写字母。

一、HTML语法基础

HTML（HyperText Markup Language）语言的三要素

词汇(标签)
语法(标签的使用规定)
语义(浏览器“理解”的标签含义)

词汇：

<html>

语法：

1.有一个开始<html>,有一个结束 </html>,成对出现，合理嵌套。

2.分别写在文件内容的开始位置和结束位置。

语义：

表示其中的内容为HTML语言。

二、标签的分类

双标签：由开始标签和结束标签两部分构成，必须成对使用，且必须合理嵌套。
单标签：在开始标签中进行关闭（以开始标签的结束而结束）

为什么HTML语言设计出现单双两种标签？

双标签：代表标签作用范围
单标签：无需表达范围，仅在标签出现处有效

三、标签的属性

HTML标签可以拥有属性。属性提供了标签语义的更多的信息。
属性总是以如下的形式出现：name="value"
属性总是在开始标签中规定
不同标记具有不同属性

四、编写HTML文件注意事项

文件的拓展名要以.html或者.htm结束
文件名中只可由英文字母、数字或下划线组成
文件名中不要包含特殊符号，比如空格、$等，不使用中文
所有的标签都必须关闭
所有标签和其属性的名字都必须使用小写
所有的标签都必须合理嵌套
所有的属性值必须用引号括起来，必须赋值

五、总结

浏览器解析网页文件并呈现网页
HTML语言围绕三要素"词汇，语法，语义"的学习方法
标签的分类（单双标签），及可选属性的概念
HTML文件基本结构相关标签的语法和语义