尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p11-p19】

p11(27:31)
一、如何使用文档（便于查询标签和属性的软件Zeal和w3school)
1.可以使用的标签、属性搜索软件：Zeal
-优点在于版本较新
-缺点是该软件为英文版，且有的时候连接不上网页
Zeal安装地址
2.w3school
-优点在于该软件是中文版
-缺点是相较Zeal而言会旧一些
W3school

p12(18:18)
一、VSCODE的安装
VSCODE
1.安装vscode
-安装中文语言包
-尝试安装ayu主题
-尝试选择一个文件，作为项目目录
-左下角设置中修改字体大小
-右下角更改成html类型
-创建一个新网页

p13(07:15)
一、liveServer插件的安装
1.安装liveServer
-尝试使用"open with live Server"实现实时更新
-设置代码自动存储

p14(15:07)
一、实体
1.注意事项
-在网页中编写的多个空格，默认情况下，会被浏览器解析为一个空格
-在HTML中有些时候，我们不能直接书写一些特殊符号，比如多个空格，比如字母两侧的<,>号等（因为这些在网页中有一些特殊的含义、语法）。
-如果我们需要在网页中书写特殊的符号，则需要使用HTML中的实体（转义字符）
-实体写法：&实体名字；，如：&nbsp；(空格）、&gt；（大于号）、&lt；（小于号）、&copy；（版权），可利用w3school查询。

p15(21:20)
一、meta标签
1.meta标签作用
-主要用于设置网页中的元数据，元数据是给浏览器看的
2.meta常用属性
-name:指定数据的名称
-charset:指定网页字符集
-content:指定数据的值
-中，keywords表示网站的关键字，可同时使用多个关键字，关键字之间用逗号使用，当使用搜索引擎搜索关键字的时候，利用的就是keywords中的值。
-description，用于指定网站的描述，网站的描述会显示在搜索引擎的搜索结果中。
-titile标签的内容，会作为搜索结果中超链接的文字显示。
-，content中的内容表示三秒后该页面跳转到百度页面。

p16(28:40）
一、标签
1.HTML标签
-HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是它的语义而不是它的样式。
-小知识点：ctrl+回车，可以使光标下移，直接摁回车，则会导致光标+标签下移
-标题标签，共有H1-H6六级，重要性依次递减，H1在网页中的重要性，仅次于title，一般情况下，一个页面中只有一个H1标签。一般情况下只会用到H1-H3，而H4-H6一般不用到。
-在页面中，独占一行的元素，我们称之为块元素（block element)，比如标题标签、p标签、hgroup标签、。
-p标签，表示网页中的一个段落。
-hgroup标签，表示标题组，可以将一组相关的标题放入标题组。
-blockquote标签，表示引用别人的内容，会起到缩进效果。
-在页面中，不会独占一行的标签，称为行内标签（inline element),比如em标签。
-em标签，表示语气语调的加重。
-strong标签，表示内容的重要性。
-q标签，表示一个短引用。
-br标签，表示页面中的换行。

p17（13:01)
一、块元素和行内元素
1.块元素 block element
-在网页中，一般通过块元素来对页面进行布局。
2,行内元素 inline lement。
3.一般来讲，会在块元素中放行内元素，而不会在行内元素中放块元素。块元素中基本上什么都能放，但是p元素中不能放任何块元素。
-浏览器在解析网页时，会自动对网页中不符合规范的内容进行修正，比如：标签放在了html元素外面、p元素中嵌套了块元素、在html中添加了除head、body外的其他子元素。
4.可以利用网页中的检查，查询element可以看到浏览器对源码的存储情况。

p18(18:02)
一、块标签
-header：头部标签，表示网页的头部。
-main：主体标签，表示网页的主体部分（一个页面中只会有一个main)。
-footer：底部标签，表示网页的底部。
-nav:表示网页中的导航。
-aside:表示与主体相关的其他内容。
-article：表示一个独立的文章。
-section：表示一个独立的区块，当上面几个标签都不能表示时使用section。
-div：用来表示一个区块，目前来讲，div是我们主要的布局元素(万物皆可div)。
-span：行内元素，一般用于网页中选文字。

p19（11：31）
一、列表标签
1.有序列表
-ol：有序标签，其中可以使用li标签表示列表项。
2.无序列表
-ul：无序标签，用li也可以表示列表项
3.定义列表
-dl：使用dt来表示定义的内容，使用dd对定义的内容进行解释。
4.列表之间可以互相嵌套