页面内容设置为header

各位同学好，那么现在我们来开始本节课的学习，这节课我们学的是第一个关于 word 文档编辑内容，我们首先来看看题目的要求，第一个要求是将文档中所有的英文字母 e c 替换成为电子商务，然后纸张大小调成十六开， 因为底端添加我们这个滚动页码，那么这个名字啊找一找，其实页码是我们的三，至少我们题目要求，那咱们现在先把这个第一个题目来解决掉， 这样我们需要来对我们文档中的文字内容进行批量的替换，那么这个批量替换的话，在我们的开始选项卡里面，我们有这么一个替换功能，在这个地方有个替换功能， 点击这个替换功能，打开替换面板好了以后根据你们要求输入 ec， 这我们注意大小写。第二个我们下面 输入我们的电子商务，那么这四个字输完毕，然后点击全部替换掉，那么这题是我们替换了七个地方，点击下来，那么第一个小问题我们解决掉， 第二个小问题要求我们设计我们这个纸张大小，那么要求是十六开，那么在我们的标尺左侧这个灰色区域里面，双击双击打开面膜好了以后，根据我们需要选择纸张，选择大小里面的十六开， 当前这个，那么后面这个尺寸我们不用管他，他跟我们这个样式是匹配的，点击确认来。好，接下来是我们因为底端插入页码，在插入选项卡里面我们选择这个页码， 野马里面选择野马底里面，底端，底端里面选择滚动， 咱们找一找，找一找，当前这个就是我们这一个滚动的验码格式，点亮好了以后，我们下面就产生这么一个图片，在图片里面选择我们这个数字，一 选数字一好了以后，点击页码里面的页码格式，把它这个其实页码设成为三，当前的话其实页码为一，然后选择改为三，然后点击圈下来，那么当前第一个问题我们解决掉。好，接下来我们看第二个问题， 第二个问题要求把当前这段文字中文字体仿送英文字体 s、 k、 l 这个字体，然后字号的话小四号多倍，行距一点一五倍， 将小标题他他那么修改为符号，他把我们这样的一些编号修改成为带括号的一二三四。但是我们当前这题目要求我们来完成他 第一步，根据你们要求找到我们的内容，那么接着我们的内容现在是在页眉上面，在我们正文里面双击一下，那么回到我们内容里面来，根据要求选择一点一， 然后到我们当前这个地方把当前这一款内容选中，根据要求是设置我们中英文字体所面的选择，开始里面的字体下面这一个小箭头， 把这个小字打开好了以后，根据题目要求，第一个是我们的仿送字体，第二个是我们的 s 开头，这一个 不好找的话，我们直接输进去，也可以 再来看一次，那么像我们肢体是对的字号，我们改为小四，那么当前肢体设置完毕，点击下来 再来设置我们段落里面，选择段落旁边这个小箭头，打开段落设计面板，在面板里面选择我们的行距为多倍， 在多倍里面输入我们所需要的一点一五倍，那么然后确定下来，那么当前啊这一小问我们做好了，下一小问是要去把这个一点一，一点二这样的一些编号，那么要改成我们的带括号的编号，这样我们稍 留一下，他只改两个地方，那这种我们他段落的话比较多，这是一个段落，上面是个段落，下面是个段落。首先我们不能够全部选择，应该怎么办呢？我们选择当前这一行， 然后点开我们编号里面的所需要当前这个效果，这样我们留意一下他这个后面是没有标点符号的，我们选这一个就可以了，然后把后面这个一点一手工的删除掉。下面这个团的原理选中好了以后，点击我们编号里面的这一个， 刚才我们显示的是一个一，哎，我们应该是显示为二，那么这怎么办呢？在左边这里有一个小的这个按钮，点开他选择继续编号，比如说改为二，然后把这个一点一删除掉，中间这里有一个小小这个箭头， 我们不用管他，这是个显示标记而已，我们可以通过点击当前这个显示标记按钮，把它隐藏起来就没有了。好，那么今天我们第二个问题我们就解决了，第二个问题里面稍微留意一下这个一点一一点二的修改，我们来看第三个问题， 第三个问题那么比较长点，我们缩小一点来看。 第三个问题利用比较多，我们一起来看一看，他所要求的是这个有表一所示，那么还是当前这个段落选择好的时候，前面这个一和二选不中，这是正常的，因为那是我们的编号，然后根据要求是首行说一两个字符，我们 点击段落里面选择首行，缩进两个字符，点击确定按钮，好，下一个是微小标题一，那么当前这个是我们小标题一，然后的话加尾柱， 加尾柱的话这个内容这我们看一下小标题加尾柱往左墙等发展，跨的 这个便利化接点电子商务，逗号二零一三，括号九点，然后双引号的话，我们不管他， 那么就说要把当前这个地方开始到这个地方的内容中间的内容啊，作为我们这个当前他的，他的这个是尾柱啊，不是角柱，是尾柱。 那首先我们选择内容好了以后，在引用里面我们选择插入我们的尾柱，当前这个这个所谓的尾柱就在我们这个文档的尾部，点击好了以后，在这里面我们来输入我们内容， 那么内容比较多，我们就不复这个不输入了，再来复制下算了。我们选择当前啊这一款内容，自己去输一下，这种我就会省时间把它选择一下粘贴过来， 那么这样一个尾柱做好了，做好了以后题目还有要求是尾柱的格式，要求是这样的，一个圈一挨着先是的是我们这个罗马数字 i， 那怎么办呢？我们双击这里面，我们选择这里面，点击一下，选择再 引用里面，我们选择这里有一个角柱，旁边有一个小箭头，点开好了以后，根据我们需要把下面的编号格式改为我们所需要的带括号的一二三四，然后点击应用一下， 那么这时我们屏幕上面这个下边这个地方啊 i 就变成我们这样的一个一了，刚才我们的罗马数字一变成我们的汉阿拉伯数字一加小圆圈的。好，接下来继续往后面来做的是该将该标题下一段，那么金融 当前这一段他这种发现一个错误信息，这里他变成我们这个一，那么这里啊发现这俩不可以，我们这个角柱他跑到下面来了，那这里我们来测效一下， 那么当前给我们撤销了，撤销好了以后再次选择这一段，我们再选择插入是伪注，我们看看上面他有没有变化，那么当前这个地方啊是没有变化的，没有变化好了以后，我们可以把文字粘贴过来， 站过来，好了以后再来看一下有没有变化，那么依然没有变化，再选择我们这个 i， 然后选择我们的括号啊，小圆圈一， 点击应用一下，点击关闭，那这里又跑到下面来了，那这里是因为啊他这个长度的话不够 啊。我们这里来看一下，把我们的这个标记符号打开，这里有一个分解符连续，那咱们把这个分解符连续啊，删掉它光标题这个前面来按一下我们的第一个按键就把它删掉了，删掉好了以后，我们这一个小圆 全一就上去了，这里的话也是我们正常的，那这样我们就成功了，这样我们由于这个小的细节。好，第二个问题是我们刚刚想这一个文字内容，金融危机迫在这一个眉节，那么要求是两难， 中间的话分格线我们选择布局里面，选择分栏里面的更多分栏，选择两栏，那么分栏里面的这个宽度没有要求，我们只要设置一下我们的分格线，然后点击啊切下来，那么当前这个分栏我们完成， 完成好了以后继续来看微小标题二，那么这是我们这个小标题，小标题这个二的话我们要求做的是效果是来看看，那么要求是在尾 注同样加个尾注，那么这个选择引用里面选择尾注，然后根据我们需要把这个文字内容啊给它复制下，算了，咱们自己需要打上去， 然后粘贴过来，选择这个 a 不带格式的更好一些，那么就让我们看看他有没有跑下去，这种发现他没有下来，那么刚刚好好。接下来把下面这些文字， 当前这个文字要求设置成为首字下层两行选择插入里面，我们选择插入首字下层 选项，选项里面选择第二个，那么要求的是两行间距是零点三，然后点击下来，那么这样我们这个为就是我们这个两行，下面 这个二跟我们下面这个不是一起的，所以的话这里依然是两行。好，那么这个地方我们做好了，接下来我们继续往后面来看第四个问题，第四个和第五个我们一起来看 第四个问题，要求是把我们文档中的最后五行文字 转换成为一个表格，那么当前我们这些文字内容要转换成为一个表格，第一步把文字内容选中，第二步选择插入里面，选择表格里面我们选择文本转换为表格，那么这里我们一定要记得这里先要选择内容，再点这个按钮， 点好了以后，根据题目要求是三行三列没问题，然后我们点击圈下来，那么只要表格就有了，根据题目要求，表格要进行一个居中选择，开始你 里面选择居中，那么这样我们文字内容的话就表跟就给居中了，表格就居中了啊，变宽了一下， 好了以后，现在继续往后面来看，是要求把文字那表一，这个文字，这文字要做一个发光的效果，我们选择我们的文字效果里面的发光，发光里面要求的是我们的十一棒，橙色主题是二，那在我们找到这个十一棒， 那么当前我们这个就是橙色十一棒主题色二，这个主题色叫我们个性色，那么点亮好了以后效果就有了，然后选择居中啊，黑体啊， 然后断后间距零点四行，选择段落里面设置成为断后间距零点四行。 然后接下来当前我们这个标题做完毕，现在最后一个是我们这一个表格，他的这个设置，第一步选择整个表格，这种要求什么第一列，那这样我们只能选择第一列，把当前这一个一二三选中，然后选择我们的布局里面根据要求我们的宽度是二点四， 第二列啊，零，第一列是零点八，不好意思，零点八 第二列，那么是我们的二点四， 第三列是七点五， 那么设置完毕，然后单元格对齐为水平居中，水平居中这一个按钮，这个表格的底纹为白色，我们选择 底纹白色背景衣深色百分之五，那么当前这个是我们所需要的效果，那么再来看一看表格，居中的话也成功了，当前表格啊确实也是居中的好，那么这个问题啊解决掉，我们看看有没有落的地方， 应该来说的话没什么落地方。好，这个案例我们来总结一下， 那么第一个小的问题，关于我们这个替换和页面和我们这个页码，这个页码我们稍微留一下，我们以前很少做到， 这是我们的滚动页吗？第二个就是我们给我们的这个文字修改字体以及我们行剧，然后把我们编号改一改，这个编号的地方稍微留意一下，刚才我们就出现了这样的一个啊，修改完了以后他练习 好了。第三个问题，那么添加我们的编号，呃，页角边也添加我们的尾柱编号，那么这地方稍微留一下，他可能会下另起一行。 然后第四个问题，那么修改我们的标题表格的话，进行这么一个设置应该很好找。第五个问题，那么颜色列宽，列宽，在看清楚第一列，第二列，第三列，那么整个这个案例啊讲完了。

啊，好了，小伙伴们，那么接下来呢，我们就开始正式的学习 html 的标签啊，就是标签的介绍，叫标签的，哎，标签的介绍， 那么在这个 html 中啊，标签呢，实际上也有他的分类啊，叫分为单标签和双标签，叫做标签的分类， 在 htm 名中，标签其实分为叫做双标签和单标签单标签。那么什么是双标签呢？就是所谓的双标签是成对出现， 然后有开始标签，有结束标签，他的格式怎么写呢？就是一个 小括号，一个大括号，在这这个括号之间写标签名， 然后呢再一个小于号，一个大于号啊，在这里里面一个斜杠，然后呢写结束标签的标签名，对吧？注意我写的标签名说明开始标签，结束标签，是不是他们的名字是一样的呀，只不过结束标签以这个斜杠开头， 那么在两个标签之间我们就可以写下内容了，哎，比如说，比如说什么样的呢？ 格式调一下，比如说一个呃 p 标签，一个 p， 然后有一个推包键，注意我这一个推包键呢，这个一对标签是不是就给我自动生成了呀？哎，就是 q 旁边的那个键，那实际上大家呢也可以去自己打打这个括号啊，写写标签，对吧？啊，练习练习 也行，那么我我本身打这几个符号我觉觉得挺费劲的，所以说我就快捷键生成了，你要打一个标签名，一个胎宝键，他就自动给你生成了，回头有一些其他的，对吧？快捷键我都会一一的慢慢的随着后边的奖会介绍给大家啊， 然后双标签呢，在这之间呢，我们就可以写一些我们所需要的内容了，对吧？比如说啊，今，嗯，今天天气不错，挺风和日丽的，挺 挺风和日丽的，可以吧？嗯， ok， 那这就是双标签，那么什么是单标签呢？所谓的单标签呢，他也叫做字结束标签，然后呢，一样一个小一号，一个大一号，在这之间写标签名，那为啥叫字结束 呢？那他自己可以结束，直接一个斜杠结尾，这就叫自结束标签。但是啊，大家注意一下这里呢，注意， 在 html 五中，单标签的这个斜杠呢，是可以省略不写的啊，说在 html 五中，这个单标签的这个斜杠 可以省略不写，所以说呢，以后咱们写单标签的时候呢，这个斜杠杠就没有必要再写了，人家给我们提供了这种方便，咱们就没有必要打破这种方便，听懂吧，哎，那这时比如说 这个单标签有哪些呢？之前咱们应该也见到过一个叫做银妹子标签，一个特步键，对吧？哎，当然这里边根本出现了两个属性，是吧？哎，那个斜杠写了也 没错，对吧？能不写一点毛病没有，建议不写，听懂吧。好，那这就是单标签，那么单标签呢，他不像是双标签，在他之间呢，可以写一些内容，那么单标签呢，需要利用一些属性啊， 去赋予这个单标签的功能，看到吗？哎，单标签需要利用他的属性去赋予一些功能。那么问题就来了，什么是标签的属性？ 标签呢？属性，首先呢，我们说可以为 html 标签啊，设计属性可以为 html 标签呢，设置属性，通过属性为这个标签为标签提供一些附加 的信息也好啊，功能也好等等啊，那么属性通常写在哪呢？属性啊，写在开始标签 中，比如说以这个 p 标签为例啊，我给他来个抬头，随便来一个，对吧？啊，属性回头咱们也会讲，什么标签有什么属性，有什么功能啊，都会讲到的啊，随便写点吧，要，哈哈。啊，那这就是标签的属性 好吧，那说写到开始标签中，那我这单标签对吧，也不分开始标签结束标签了，对吧，那么单标签是不是就直接写到这个标签中即可呀？啊，比如说这是个图片标签啊，来个图片， 来个图片，我去找点资源吧， ctrl c 一下， ctrl v， ok， 行，图片标签的话，然后再找一妹子下有个一点 gpg， ok， 好吧，哎，那这就是标签的属性，单标签可以利用属性啊，为他赋予一些功能，然后执行， 是不是就有了呀？哎，那这就是标签以及标签，单标签和双标签以及标签的属性，那么呢，我们发现属性啊，他其实是以这种间值对的形式呈现的，叫二， 说属性呢，以叫见直对的形式呈现对吧？例如属性名等于双引号引起来，然后来个属性 直，然后呢，我们说属性啊，他必须使用双引号引起来啊，属性必须使用 双引号给他引起来。属性值，属性值必须使用双引号把它引起来。那有些小伙伴在写的过程中啊，说不小心把这个属性的值呢？没用双引号，用这个单引号引起来了，我们看看效果啊，行不行？这个这个太智能了，还不太好用呢， 注意说我没写这个。呃，双引号我就不小心写成了单引号，看看行不行呢？一直行，哎，发现还行，对吧？没啥特别的，正常显示了。那我们检查一下过来看。 那么实际上浏览器解析的时候把它变成了双引号，为啥呀？哎，之前说了，哎，如果我们错的不是太严重的问题，是不是浏览器会按照他认为正确的方式给我们修正啊，只不过人家给我们修正了， 但是我们更强调了，我们不能依赖于浏览器的修正，我们要给浏览器更明确的指令。 好吧，哎，因此呢，我们说那属性，除此之外一个标签呢，其实是可以有多个属性的，一个标签中可以有多个属性，说每个每个属性之间以空格隔开， 即刻，比如说啊，这个一妹子图片这个呢，除了这个标签，我再来一个啊，再来个抬头标签， 说今天天气不错，挺风和日丽的，看到八个姐姐见心情挺好的，好吧，嗯，那么这一执行对吧？哎，今天天气 不错，挺风和日丽的，鼠标往上一放，哎，他不让我选，对吧？看到八哥姐姐姐心情挺好，好了，开个玩笑。所以说呢，说一个标签中其实可以有多个属性，每个属性之间以空格隔开即可， 那么这个就是标签的属性，那标签在使用的过程当中也会有一些注意的地方，标签的注意什么呢？第一个。那就是 第一个呢，就是标签啊，是可以欠套的，但是不能交叉欠套。说标签可以欠套，但是 不能交叉欠套，什么意思呢？比如说我们随便来一个吧。嗯，来个叫 div 标签，先别管标签是什么作用啊，然后这里边呢，我再欠套一个 p 标签，然后这里写点内容啊，这是完全没有问题的，就是标签之中可以有其他的标签，这叫标签的签套啊，这是正确的写法，但是呢，我们说他不能交叉签套，什么意思呢？咱们再来个错误的写法， 做的鞋法。呃，交叉指的是，呃，一个 div， 一个 p， 然后呢？又一个 div， 然后又一个 p， 这是不是交叉了呀？哎，那这时我们执行一下，看看效果，哎，好像也显示了，对吧？也显示了点内容，那这时我们再去检查，检查以后过来看看刚才那个错误，下边 看 div 里边是不是有一个屁啊，然后外边是不是也有个屁啊，对吧？也就是浏览器是不是又按照他认为 正确的方式给我们修正了呀？但是他认为正确的确实不是我们想要的，对吧？他解析多出来了一对 p 标签，那么实际上对吧？他是怎么解析的？他是先解析， 解析的什么呢？呃，解析一对 div 标签，发现，哎，这里怎么只有一个 p 标签，没有结束标签呢？他在这里给你补一个 p 的结束标签，然后又一解析这说，哎，这 p 标签怎么只有个结束标签，没有开始标签呢？他又在他前面又给你补了一个开始标签，但其实并不是我们想要的， 好吧，所以说标签可以签套，但是不能交叉签套，那么标签呢，必须正确的关闭啊，比如说这个标签啊，你忘记写关闭标签了，那这时执行明显是不是又不是我们想要的了？虽然说，呃也显示出 出来了，但是浏览器是不是又给我们修正了呀？注意看他这个哈哈的 p 标签，把我这句话和这个图片全给包含在了 p 标签里边， 对吧？因为他也不知道结束标签应该加在哪，看懂吧，所以说必须正确的关闭，不要依赖浏览器的修正。 第三个，那就是 html 啊， html 五标签呢，大小写不敏感，但是建议小写，也就是说，实际上这个标签你用小写，你用大写的，其实也可以， 对吧？也可以，但是呢，解析的时候呢，他依然解析成了小写。所以说呢，大小写其实并不是很很敏感，我们发现整个 html 五， 他的语法格式都不是特别的敏感，但我们不能乱写好吧，好，那么以上呢，就是对于标签的一些减少。

大家好，这节课呢，我们将为你讲解新增的非主体结构元素。在 h t m 五中呢，还增加了一些用来表示逻辑结构或者是附加信息的非主体结构元素。 ok， 我们先来看一下本套课程该要那本套课程呢，主要来了解嗨的元素，福特元素， suv 元素和 face 元素。 ok， 那我们看一下第一个点嗨的元素，先来看一下嗨的元素的描述， 嗨的元素呢，是一种具有引导和导航作用的结构元素，通常呢用来放置整个页面或页面内的一个区域块的标题，但是呢，也可以包含其他内容，例如数据表格，搜索表单或相关的 logo 图片。 关于嗨点，我们见的并不少，只是以前的写法和现在不太相通。以前呢，我们是通过一个 div 包裹，然后给他设定克拉斯或者是 id， 指定是嗨点，用来包含整个页面或页面内的一个区块的标题。 那这里需要注意的是，孩子的出现呢，不一定只有一次，他可以出现多次，不论是在整个页面来表示他的标题，或者是一个区域块来表示标题都是可以的。 ok， 打开 wifi 到我们通过具体操作来实现一下，创建一个新的工程，可以成为 ht v i 五艾的本次。 ok， 那我们先来创建一个新的文件，可以成为嗨点 元素。 ok， 我们先来做一个最常见的，那我们 经常会发现，在包底当中，可能以前写法有很多 div 存在，我们来复制三个 div， 分别指定克拉斯，第一个呢可能就是嗨点，第二个指定克拉斯可能是一个内容区域横衬的，第三个再来指定克拉斯， 可能是或浮浅，那现在呢？写法改变了，不这么写了，我们直接可以使用一个嗨点，我们看用来表示头部， 那在这个嗨的当中，我们一般来承载都会来放置一些 h 一到 h 六的标签，比如我们放置一个 h 一，可以写一个页面标题，那这是一种现在的写法。 ok， 那我们来做一个完整的他呢？现在表示整个页面的一个 logo， 或者整个页面的标题。那我们现在接下来写内容区域，比如我们内容区域用一个 it， 然后呢给阿迪口指定一个内容，可以是 a 之一，比如说 hello， 然后底部我们随便放一些东西，我们暂时不放了。那其实我们刚才说过啊，这个嗨点不一定用来只表示页面的整个页面，还可以表示部分内容。比如这个区域块在里边，我们可以用嗨点来表示他的一个头部。我们现在创建一个嗨点， 把这个 h 一挪到嗨的当中，那现在呢？这个嗨的呢？他就表示当前啊这个区块的一个头部。 我们刚才说了一个嗨的元素呢，通常包括至少有一个嗨定元素，那你会发现我们在这里呢都放置了 h 一标签，那当然 h 一到 h 六都属于嗨定，那我也可以有，也可以没有，这不是个必须的， 只是通常我们会这么去书写，那它还可以包含其他元素，比如 tibo 或者是表单放母。那么根据 ht 猫的最新标准呢，它可以放置纳物元素。 我们来看一个具有嗨的例子，这里我们打开一个网站，然后我们查看一下网站的原码，用生产元素，在这个里边我们打开 找到包对，包对下面呢我们会发现他就有一个嗨点，然后这个嗨点你可以从头部可以发现选中区域，他就是表示当前整个页面的一个标题，那里面包含有 logo， 这个 logo， 然后可能还包含一些其他信息，我们在这里呢就没有包含导航，其实导航呢也可以包含在其中， ok， 我们还是来书写一个相对比较完整的例子，那么在这 我们来创建一个嗨点，在嗨的当中我们来创建一个 he 标签，可以为 it 最新技术， 然后在下面我们可以放置一个 a 标签， a 标签呢指定他的默认跳转，比如 hctp 冒号三 w 点即刻学院到 come， 那后面我们写一个即刻学院， 刚才说了他还可以包含一个导航，那我们可以创建一个导航，在导航当中呢，我们来创建一个意外偶，意外偶当中肯定是 v 标签， a 标签里面包含 a 标签， a 标签来指定个默认的 好，第一个比如说学习第二个呢技术，第三个即刻 ok， 那这样呢，你会发现嗨的当中其实 可包含的区域东西还是非常多的，我们可以尽情的使用，而且在使用的时候呢随心所欲。 ok， 那关于嗨的呢，我们就给大家介绍到这里，我们这节课就到这里，谢谢大家。

嗨的标签可以表示一篇文章或者一个区块的头部，比如这段代码。预览看下是这样显示的。 福特标签表示网页文章或章节的尾部，现在在这里加个福特，按 ctrl 键加 s 键保存，这个时候右边的预览就变了。这个预览是在代码有更改的时候就会自动刷新的，就很方便了。 no 标签用于放置页面或文档的导航信息。 main 标签表示页面的主体内容。阿特科标签，表示页面里面一段完整的内容或者一篇文章。 section 标签，表示一个独立部分，一个章节 侧边蓝，但不一定就在页面的侧边，比如可以用来放置文章的评论或注视。 像这些有特定意义的标签叫做雨衣标签。

今天学的内容是 h t m r 的害的标签，分享的内容是网页信息里面的开头标签和 mat 标签。 首先说一下害的元素，害的元素负责网页的设置信息，如网页标题、网页描述、关键词、字母及关联位文件等。 害的元素里面的信息是为浏览器搜索引擎提供的，这些内容在浏览器窗口内看不见。害的元素是所有头部元素的容器，其内部的指标签有抬头标签、 mat 标签、 link 或者 style skill 标签等。请看第一个抬头标签。 抬头标签用于定义网页标题，也就是在浏览器标签栏中看见的内容。比如当前网页，我们在标签栏中看见的这个内容，就是这个网页抬头标签里面的内容。还有比如说图片里面我们看见的，百度一下你就知道这个就是百度网站的抬头标签，它的作用第一个就是在浏览器 标签单中显示网页标题，我们刚才说的第二个是提供页面被添加到收藏夹时的标题三，显示在搜索引擎结果中的页面标题。比如说我们在百度里面搜索一个网站，我们搜索到的内容，他的标题就是抬头标签里的内容，我们这里演示一下， 比如说抬头标签里面，我们写抬头标签。一、二、三，浏览器打开，我们在标签栏里面，这就看见了抬头标签里面内容，我们点击收藏按钮，在名称里面也看见了抬头标签里面，我们在百度里搜索京东看见的搜索内容，这里我们点击它， 我们会发现标签栏里面的标题和我们这里面的内容是相同的，因为他也是抬头标签里的内容，他就是我们说的第三点，显示在搜索引擎结构中的页面 标题太多标签是害的，标签里面唯一必须的标签，并且尤其只能有一个。太多标签在 seo 中权重非常大，因此一般主关键字都是放在太多标签内进行优化的。 seo 的意思就是搜索引擎优化该技术的目标是让搜索引擎更加理解该网站，比如说该网站为用户提供哪些内容，这就是抬头标签的语法。 我们在后面会学到另一个标题，标签就是 h 一 h 二都是标题标签。胎头标签是用在网页当中的标题是给搜索引擎办的，而我们后面学的 h 一到 h 六标签 是在正文中用的标签，这个内容是给用户看的。 mat 标签， mat 标签是一个单标签，在 h t m l 中， mat 标签一般用于定义页面的特殊信息，例如页面关键字，页面描 数的，它位于 hit 标签内，用于向浏览器和搜索引擎提供关于网页的信息，而不是直接展示给用户。在一个 atm 页面里面可以有多个迈特标签，迈特标签具有多个属性，其中最重要的是内幕和 atv 可有。 除此之外呢，还有个设置字母级的产赛的第一个内幕和 content 属性这两个属性组合，因为描述信息是由内幕属性和肯探的属性指定，内幕属性指定我们要描述页面信息的类型。肯探呢，用来指定我们描述页面信息的指，这是 迈特冰箱里面内幕和 content 属性他俩组合起来的语法，比如说内幕等于 keywords， keywords 用来告诉搜索引擎网页的关键字是什么，多个关键字可以用逗号割开。当我们在搜索引擎中用关键字搜索网站时，如果网页中包含这个关键字，就可以在 搜索结果中列出来。这个里面我们看见的是京东的 keywords， 我们在百度里面搜索网上购物，网上商城，或者是家电或者手机等，他就会搜索出来。京东这个网站内容等于 discrimination， discription 是来告诉搜索你情侣的网站主要内容是什么，这个也是京东的，这里面描述了京东这个网站主要做什么。 title 网站标题， careless 网站关键词， distribution 网站内容。这三个数据在网站 scu 中非常重要。 我们下面演示内容呢，就是京东网页云南马龙摘录出来的。首先是开头，在开头里面是京东的网站标题，在我们百度里面搜索京东就会在页面里看见这个内容，我们搜索京东就会看见这个。 之后是 keywords， 告诉浏览器通过哪些词语能够搜索到京东网站。 discovery 是这个告诉自恋情。京东这个网站主要 我说干什么？上面的内容呢？也可以在浏览器中查看。京东主页的时候，右键查看网页页代码，看见这是京东主页，右键查看页面元代码，我们可以看见 title 标签 mat 标签。 discovery 不是 matter picture 属性 carrot， 下一个是 also， 它可以指定网页的作者，比如说我们这里面 outs 指定的是 content， 是京东集团，下面是 h t t t v qq 和 content 的属性组合， h t t v qq 相当于 h t t p 的文件投入，它可以向浏览器传回一些流动的信息，以帮助正确和精确的显示网页内容。与之对应的属性是 content， content 内容其实就是个参数的变量值。 htv 会有能力 reflect， reflect 会自动刷新并实现新界面，常用于设置网页定时跳转。在浏览网页时，经常会看到一些欢迎新 信息的页面，在经过一段时间后，这些页面会自动跳转到其他页面，这就是网页的跳转。这里面用的就是 refresh。 我们的语法 h k 一 q 五等于 refresh content 等于自动刷新的时间，英文分号后面 y l 等于又跳转的时间，通常是以秒为单位，比如说五秒钟刷新一次页面，这 refresh contact 读出， 如三秒钟后跳转一个新页面，跳转到百度，我们这里面看一下，三秒后发新并指向百度，这网站我们试一下， 很好，自动转到了百度。接下来是 h t m q 等于 contact。 这个属性用来定义用户的浏览器以哪种方式加载出去，或者以哪种应用程序打开资源。比如说这段代码，就告诉浏览器以 h t f 网页的格式打开资源。网页的编码格式是 u t f 杠榜。 这里面我们看见的 t s t 写线 at m l， 它是 m i m e 类型的一种， m i m e 是描述消息内容类型的标准，用来表示文档的性质和格式。比如说 text atm 表示 atm 文件 test c s s 不是 c s 文件， test delves group 表示 j s 文件。在 atm 五中， 这一行代码已经被最新的叉赛的属性所取代。下面就是说这个属性，叉赛的属性，叉赛的定义，文档的字符编码，为了防止页面出现断码，在每一个 atm 页面中我们都要为其添加上迈特叉赛等于 tf 号码， 我们可以试一下。假如我们把这行代码去掉，我们看这段文字会有什么变化？ 我们看见了乱码，假如恢复呢？我们有这段代码，我们就看见了正常的中文。这就是 插菜的作用，该属性其实就是上面说的这行代码的简写，它是 h m 五的新属性，在实际背景中我们都是使用插菜的这个属性。好的，谢谢。

浏览器使用技巧一、保存网页内容在浏览器中打开文章，右击选择打印，弹出窗口中将目标打印机更改为另存为 pdf 按钮会有打印更改为保存， 点击保存就可以 pdf 格式保存内容，还可以将网页保存为格式 html。 二、浏览器自带滚动长截图 f 十二、打开浏览器开发者工具， ctrl 加 shift 加 p 输入 full， 点击运行命令 capture full size screenshot 三、解除禁止复制一、关闭浏览器的 driverscript f 十二、打开开发者工具，点右上角选择 settings， 找到第八个 disable javascript， 暂时勾选禁用浏览器的脚本功能， 使用 f 无刷新当前网页即可。二、复制 html 中的文本内容左上角的箭头图标切换到元素选择工具，鼠标移动到复制内容上方，并单击双击文本内容，右键选择复制。四、 flax 实验 性功能 chrome 地址栏中输入 chrome flex， 打开的页面就可以看到 chrome 的所有实验性功能。一、开启并行下载，输入 parallel danaode， 将其设置为 nabod。 二、控制媒体声音，右击标签页，选择将这个网站静音 flax 页面中打开全局媒体控制 global media control 选项，重启浏览器右上角，点击音符，可以选择播放或暂停。 五、网址添加前后缀一、在网址 utop 前面加上两个字母 ss 并回车就会自动跳转到下载视频的页面。二、在网址哔赖哔赖后面加上两个字母 jj， 即可跳转到视频下载页面。三、万能命令 hdtps 后面加上 one run 会打开一个聚合了所有适用于该网站的在线工具页面。

这节课来讲一个实力，就是在网页中经常用到的浮动布局以及要注意的问题。 来先看一下效果，上半部分是一个横向铺满的头部导航，下边分两部分，一个是左侧菜单，一个是内容区域，这两个都设置了左浮动。来看代码， 上面头部的好像是一个 div， 下面他们两个区域在一个复元素里面，关键来看一下他们的样式， 头部样式高是七十，宽默认百分百，设置了一个背景色，下边是文本内容居中， 看下半部分的负极元素。网站的电脑端，他们的宽度一般都是固定的，很多网站的宽度他们设置都是一千二，这里 方便大家观看。我给他设置的只是五百，并给他设置的 mor 金，上下是零，左右是自动，如果左右外边距射成自动，那么这个 dib 他就水平居中了。水平居中的意思就是左右两边到边界的距离是一样的，看一下页面 就是左右这两边空白距离是一样的。再来看最后两个元素， 左侧菜单给他设置了最小高度，最小高度的意思就是如果他的内容达不到六百，那么至少还是显示六百，如果超过了六百，那么就按实际尺寸显示 宽度一百二，上下左右外边距都是五，背景色做浮动。这两个他们两个的样式 一样，只有宽度是不一样的，一个是一百二，一个三百六，这是怎么计算来的？我们来关键看一下他的计算方式。 总宽度是五百，这两个元素都有外编句，左右加起来是四个五，就是二十 px， 再加上左侧的宽度一百二就是一百四十， px 五百减去一百四十 ps 就是最后剩下的三百六十 ps 是不多不少，正好呢。那如果我给他多加一 ps， 看什么效果，他就应该换行了。来看效果，看这个内容，区域换行向下了， 导致样式错乱，所以我们要把他们的宽度算准确。项目中不管是整体的布局还是某一部分区域的布局，都是这样来写的。好了，这节课就到这里。