＜HTML＞基础语法与标签

目录

1.互联网的基本原理

2.HTML骨架

3.字符集

4.title、关键词和页面描述

4.1 title

4.1.1 title的用途

4.1.2 网页关键词和页面描述

5. 标签

5.1 认识标签

5.1.1 什么是标签？

5.1.2 标签对儿

5.1.3 单标签

5.1.4 重新认识HTML

 ​

5.2 标题和段落标签

5.2.1 标题标签

5.2.2 段落标签

5.2.3 div标签

6.HTML5特性

6.1 空白折叠现象

6.2 转义字符

6.3 HTML注释

---

1.互联网的基本原理

 

 

2.HTML骨架

 

3.字符集

 

4.title、关键词和页面描述

4.1 title

4.1.1 title的用途

• title标签用来 设置网页的标题，文字会显示在浏览器的标签栏上

<title>百度一下，你就知道</title>

• title也是搜索引擎收录网站时显示的标题，为了吸引用户点击，要合理设置title

4.1.2 网页关键词和页面描述

• 合理设置网页的关键词和页面描述，也是SEO的重要手段

• SER（Search Engine Optimization，搜索引擎优化）利用搜索引擎规则提高网站在有关搜索的自然排名，让网站在搜索过程中占据优先位置，获得品牌收益

• 使用<meta>标签设置网页关键词和页面描述，name属性很关键，用来设置meta具体功能 

 

• 页面描述也是搜索引擎显示的简介语

5. 标签

5.1 认识标签

5.1.1 什么是标签？

• HTML叫做“超文本标记语言”，超文本标记就是标签
• 每个标签都有不同的功能

5.1.2 标签对儿

• 标签通常成对儿出现

• 不同的标签有不同的功能

• 标签给文字设置不同的“语义”

5.1.3 单标签

• 有的标签不是成对的，而只有起始标签，称为单标签

• 在HTML4，单标签必须在结尾写一个“/”，HTML5不需要

5.1.4 重新认识HTML

 

即：超文本标记语言（本质上是文本）

5.2 标题和段落标签

5.2.1 标题标签

• h标签：“标题”，h即headline的意思

• 搜索引擎非常看重<h1></h1>标签内容，应该将重点内容放在其中，比如网页的logo
• <h1></h1>一般只能放置一个，否则会被搜索引擎视为作弊

5.2.2 段落标签

• <p></p>标签表示段落标签，p即paragraph
• 任何段落都要放在<p></p>中，因为HTML中即使内容换行，页面显示效果也不换行，必须写到<p></p>中
• <p></p>中不能嵌套h系列和其他p标签

5.2.3 div标签

• div即division“分割”之意
• <div></div>标签对用来将相关的内容组合到一起，以便和其他内容分割，使文档结构更加清晰
• <div></div>是最常见的HTML标签，可以结合CSS使用
  • <div></div>像是一个容器，什么都可以容纳，因此工程师经常称呼<div></div>为“盒子”

6.HTML5特性

6.1 空白折叠现象

• 文字和文字之间的多个空格、换行，会被折叠成一个空格
• 标签“内壁”和文字之间的空格会被忽略

6.2 转义字符

• 想在网页显示：“我们学习了<p></p>段落标签”
• 如何输入<p></p>才不会被当做标签呢？需要转义字符
• 

6.3 HTML注释

• Ctrl+/ 
• 

时常复习，不然真的容易忘！