html<href>标签作用

这个视频呢，我们来学习一下 a 标签，那 a 标签呢？它身上有两个非常重要的属性，一个是 perfect 属性，还有一个是 lucky 的属性， 那这两个属性呢？我们一一去讲解。我们先去看这个 craft， 然后待会再去看这个 target， 那这个和瑞属性呢？他有很多的值的情况。那首先第一种呢，我们可以去链接到一个本地的网页，那本地的页面呢？我们比如说我在这个六里面，我想去链接到四这个页面当中，那我就可以直接去写四点常用标签，一点 htl。 那我可以直接写这个名字的原因是因为我们当前这一个文件和你的目标文件呢，它是处于同级关系的，注意啊，一定要处于同级关系才可以直接去写，那我们现在 打开页面，点击，你看就跳过来了，对吧？那我们现在再去看另外一种情况，我也可以去线上一个页面，比如说我要去百度，那我可以输入百度的地址，点百度点框， 我们再打开页面，那我点击，我要去百度，哦，我这边有问题，对吧？你看我这边，他这个是写的，没有写斜杠，好在我们去打开 回去，然后刷新一下，我要去百度，那现在就没有问题了吧？那这个是线上的地址。那除了这种这两种以外呢，我们还有一种情况是禁止跳转，那禁止跳转呢？我们可以在这边呢，我们来一个 javascript 冒号跟，好，注意一定要是英文状态下的啊，那这个洗完之后会有什么效果呢？我们打开页面 回去，然后点击禁止跳转一点，你看根本就没有任何反应吧，那这个呢？就是禁止他跳转的。好，那下个视频呢？我们再一起来讲解一下其他的一些属性值。

标签和元素标签是放在一对监控号里面的，大多数标签都是成对出现的，分成开始标签和结束标签。结束标签在标签名之前加斜杠标签可以欠套的。也就是一个标签里面在包含一个或者多个标签。 元素跟标签基本上同一词，每个标签也是一个元素。比如这个，可以说 p 标签内包含了一个 a 标签，也可以说 p 元素内部包含了一个 a 元素。 p 是 a 的外层，把 p 称作 a 的复元素， a 是 p 的内层， a 称作 p 元素的子元素，它们形成了父子关系。 所有元素可以分成两大类，会计元素， lock 和行内元素 inline。 会计元素默认占据一个独立的区域，在网页上会自动另起一行，占据百分之一百的宽度。 d， i， v， p 是会计元素，这段代码在浏览器显示就是四行，行内元素默认与其他元素在同一行，不会换行。 span a， 他们就是在一行显示的。看看，他们就是在一行显示的。

在构建现代网页的三大技术，也就是 h、 t、 m、 l、 g、 s 还有 c s s 中， h、 t、 m l 可以说是最不起眼的那一个了。 但是随着 html 五的规范以及现代浏览器的发展，其实在里面有一些非常好用的元素也被 实现了出来，本期视频就来分享一下。另外多提一句好的握不。页面实现其实应该根据情况使用羽翼化和符合规范以及可访问型的元素。请不要再用 div 和 spa 元素，一招先吃遍天了。 首先是 details 元素，它用来包裹一个可以折叠还有展开的内容。在里面用沙漠语标签指定折叠内容的标题。 默认可以使用 oppo 属性来指定是否是展开的状态。 pros 元素用来显示一个进度条。使用 y 六和 max 属性来指定进度条的进度和最大的进度。 可以使用二月的一些属性来指定进度条的状态。比如说我这里指定他为正在加载的状态。 与 progress 元素类似， meteor 用于显示一个进度的度量条。使用 y 六命和 max 分别指定当前的值、最小值以及最大值。 time 与 time 标签则用来表示一个特定的时间段。通常用于获得更好的搜索引擎的结果，或者 一些自定义的贴心功能。大 ilog 元素用来显示一个对话框。使用 open 属性来指定默认是否是展开的状态和 form 标签。配合 mc 等的方法可以指定关闭这个对话框的按钮。 mark 元素则用来显示高亮的一些文本。 ruby 元素用来显示一些注音文字，在里面包含的 it 标签用于指定对注音文字的解释。 date list 可以和 open 式属性可以指定一个选项列表。 sub 和 sub 分别用来指定一些上下标，多用于一些数学或者化学公式。 a baby recent 标签用来指定缩写。而 map 元素配合 area 元素则可以在一个图片区域中指定一些热点区域，点击这些热点区域来跳转到对应的链接或者位置。 到目前为止， h、 t， m， l 规范化的标签和元素总计有一百四十多个。它可以让我们的网页更加的丰富多彩和富有表现力。希望本期视频能够对你有所帮助，我们下个视频再见，拜拜。

从零开始学网安第四十四集啊，刚刚我们呢就学习了两个常见的标签，一个是标题的，一个是段落的。好，第三个接着来学习，叫做强调标签。哼，关羽刘备啊， 好强调标签呢，哎，分了几个啊？第一个呢叫做倾斜标签，倾斜标签叫做 e m 哎，就是它可以让一个文字变得倾斜啊。假设来看， e m 里面去写上一句话， what 的 作用是倾斜啊，倾斜， 对吧？好，写好了，咱们打开我的浏览器，哎，你可以看到，哎，这个文字呢是有一点点倾斜作用的哎，就是倾斜，对文字呢做一个强调，非常简单， e m 好。 第二个呢叫做加速标签，叫做 b 标签 b， 加粗标签 b， 是 吧？哎，我想让一个字体变粗，那我就可以用到这个 b 标签，比如说我写一个，我的作用是清，哎，是吗？是加粗卡了吗？同学们，卡了吗？ 一卡一卡的。喂喂喂， 好了吗？都好了没？都好了吧。嗯，这么卡吗？好吧，网络波动啊，会有一点点波动嘛。嗯，你看 udp 协议不太好用啊 udp 协议不太好用 啊。刚刚我们说了，这个倾斜标签叫做 e m 标签，哎，它的作用呢是倾斜，就是让文字变得倾斜。好。第二个呢就是加粗标签，叫做 b 标签好，加粗标签的作用呢就是让文字变得更加的粗啊。 b， 对吧？我的作用是加速好，那我问大家啊，请问我可不可以在 p 标签里面去用到我的 em 标签哎，然后呢？再用到我的 b 标签，是吧，你看啊，比如说我叫锦明，对吧？然后呢？我很帅， 我很帅，可不可以这样子写，哎， p 里面写 em， em 里面写 b。 好， 咱们看一下啊，点开 来我叫锦明我很帅。是的这是可以的。我们的 html 标签里面是可以做嵌套的啊 html 标签是可以嵌套使用的对，可以嵌套的啊。好， ok， 这是加速第四个叫做换行标签。 换行啊怎么换行呢？你看啊，就假设这里吧你看啊，这两句话他们是写在一块的啊我的作用是倾斜我的作用是加速他们是写在一块的。好，那我呢就来比如说写句诗咱们刚刚不是写了一个诗吗在这。 好，那我来写一下啊床前明月光然后呢呃我想一下啊床前床前明月光然后呢地上写两双好举头望明月对吧。啊我睡得很香 嗯想啊你想吧就这样子啊。好，那么大家看。哎，请问我直接在这里回车会不会生效同学们，比如说我在这里回车再回车啊再回车这样子写请问我会不会这个换行会不会生效。 顶级搭十人谢谢谢谢你啊。好，你看啊来我点开浏览器来看点开 你看啊是吧他们是写了一行的对不对？哎也就是咱们在这里写的虽然说你换行了但是被浏览器解析出来呢他们是并不会换行的哎他是不会换行的啊所以说呢如果说你想去换行我们就可以加上一个换行标签那换行标签呢叫做 br 标签 br 对， 直接写个 br 就 行。哎，假设我想在这个逗号后面换一行哎那我就在后面写上一个 br 回车 对吧哎写三个 br 好， 那同学老师那 br 为什么只有一个呢没错他就是单个存在啊就是单个存在的啊不是成对出现的 单个存在的标签，因为他的作用仅仅就只有一个是换行的，想在哪里换行就给谁加是吧。我想在逗号后面换一行，我就后面加上一个。 br 好， 我点开，哎，他就换下去了 是吧？包括后面的操作也是一样的，来，我复制粘贴加上三个换行。好，我再点开。哎，这个呢都是可以直接做换行的啊，非常的方便，也很简单。对，他不是成对出现的，他是单个出现啊，单个出现的好，这个就是换行第五个， 第五个呢叫做分割标签，分割标签就是我希望给他加上一个分割线，对吧？好，怎么弄呢？看一下啊，这个我睡得很香，后面我想给他加个分割线，然后我加上一句话吧，叫做来上一个 p 标签啊，写上一句话， 我想分割一下，好，我点开，这里是没有做分割的好，怎么分割呢？叫做 hr 标签， hr 回车写上一个 hr 就 可以做个分割，而且它也是单个出现的啊， hr 它是单个出现的， 对，单个出现的 hr 好， 写好了咱们再打开，那么它会就它就会有一条这个分割线，这个一般在后续我们呃调试的时候啊，可能在 p h p 当中做调试，写代码的时候可以就是规范一下。对，分割第六个， 第六个呢叫做 diy 标签，这个 diy 标签呢我们目前就是，你是看不出来有啥作用的啊，比如说我写个 diy， 然后呢 diy 去写上一句话啊，这是一个 diy 是 吧？写好了之后呢，我再去打开，你看不出有啥效果哎。但是这个 diy 呢主要是用来做布局的 主要是用来布局的哎，没有羽翼仅仅代表一个区块， 那个下节课我们会学习 c s s， 里面呢就会有布局，到时候我们就会用到这个 diy 老师，有没有什么提高键盘打字效率的软件？有一个啊，直接百度搜索。 搜索什么呢？搜索金山打字通，回车，这里就有一个在线练习啊，直接在这里练习打字练习。好吧，随你怎么打。好吧，直接说吧。金山打字通啊，你们这些打字慢的同学去看一下 啊。第七个叫做 spa 标签， s p a n spa 标签呢，目前也看不出有啥作用啊，它的作用呢是用来包裹文字的，没啥用。就是目前是没啥用啊，目前，哎，没什么用 啊，你看一下，我可以写上一个 s p a n s p a n 回车，然后呢里面可以写上一句话，我叫 spa 标签啊，我的作用呢？是吧，是用来包裹文字的，我的作用是用来包裹文字的。没有了啊，好，写好了我再去打开， 对吧？我叫 spa 标签，我的作用是用来包裹文字的，目前呢，我们都看不出有啥区别。下一集网页标签。

大家好，这是 javascript 的第三个视频，这一讲主要讲解的是浏览器的控制台，也叫 ctrl， ctrl 这个单词就是控制台的意思，也就是说所有的浏览器都有控制台，但是对于如果不是设计者的时候，那么我们关注的是什么？这个网页整个展示的效果，如果你是一个设计者，那么你一定要关注浏览器的控制台， 特别是在开发的过程中，如果有错误，有等等内容，那么控制台的作用就是你在加载浏览器，在加载信息的时候都会体现在控制台， 爆拓也会在控制台。那么首先第一件事情我们要按我们的顺序呢，是要打开控制台，打开控制台非常简单，当我们打开网 以后，在网页的任意位置，单击右键底部有一个检查，检查啊，直接点击以后弹出的这块内容，下边这部分内容就是控制台，他主要就是为设计者考虑的，也就我们设计者要来调试这块内容，考虑到很多同学呢，就说 没有做过项目，实战控制还不熟悉，我作为零基础两家两个视频来讲解，这个视频主要讲解的是 css 和 htm 来调试， 那么它的前边有两块内容，第一个是箭头，第二块内容各位同学看好啊，第三块是元素，我把这内容呢放大一点， 那么这个箭头啊，就说可以指向，当我们选中以后，它的颜色呢变为是绿，呃，蓝色，我们直接可以移到任意一个标签上面。各位同学看好，现在有三个部分啊，哪三个部分是联动的？ 各位同学看好。当我点击到任意一个标签或者是标题的时候，我们的底部啊，是跟着对应的改变了， 当我们在点击我们对应标签的时候，它的右侧就是 c s s， 就沉淀样式表，也就是三个联动。第一，我们拿这个箭头指向标签，它对应底部就会出来对应代码，这个代码呢，在右侧就出来 c s s 啊。来各位同学老师现在操作一下， 比如我现在要想改变这个文字的颜色啊，是哪一个颜色呢？我们首先来改标题的颜色，我们第一件事情是点击这块内容，各位同学，使它变成蓝色，再点击标题，那对应这块内容，我们就知道是标题了 啊。各位朋友，如果你没有采用这个箭头去指向的话，也就是上面第一个箭头，那么呢，你是不知道他是 h e 的，那么知道 h e 的时候啊，我们现在就可以找到 h e 这块内容了。各位同学，是 h e， 如果找到 h e， 那么这块内容我们到代码当中来，各位同学可以看到 h e， 那我们这边呢，可以给他添加一个什么标题 h e， 然后来个大括号，来个 call， 等于 read。 那各位同学来，我现在把它改为 grip 绿色。各位同学，我们刷新一下啊， 老师写错了，因为是上面是 h 一，下面我写成 h 三了，现在改为一啊，改为对应的一，保存， 我们到浏览器控制台看一看，那么他对应就什么是一种绿色了。如果我们比如现在没有想改变段落的颜色，我直接再次点击这块内容，再次点击其中的段落，那么他 右侧就会出现段落的颜色。目前的背景色啊，各位同学一定要注意了，先点击上面这块内容，再来点击对应的标签，他的右侧就会出来。那么现在呢？我们现在要改变他的背景色，各位同学看好，我在移动的时候他背景色是改变的，那比如现在这块颜色我看中了，我想把这块颜色，我把它改为一种粉红色啊， 哎，不可以，粉红色太亮了啊，改为黄色，那我现在可以把这颜色的值然后复制过来。要换到什么位置呢？ 各位同学，我们再点一下 p 标签，它对应的位置啊，看的非常清晰，也就是主页的第二十五行，各位同学看好主页的第二十五行， 那么到主页的第二十五行是这块内容，那么现在要直接第二十五行啊，直接保存，他有可能上下会悬出下， 相差那么一两哈，你看现在的背景颜色被改变了吧， ok 啊，那么我们再讲第二块内容，也就是说第二个按钮是一个电脑端和手机端对应的图标啊，各位同学就说我们点击时候他可以切换成电脑的屏幕， 呃，手机端的屏幕和电脑端的屏幕切换来，各位同学，你现在看到的是手机端的屏幕啊，我们让他显示百分百，那各位同学，你看是不是手机端的再一次的点击就可以切换成电脑端。 那么现在讲了这两块内容，我们来讲最后一块内容，就是这个控制台啊，他是可以调整的，比如说我们现在把它关闭，再次打开控制台，他默认他不一定在底部，在他的 右侧这个地方有个有一个什么，各位同学看好了，有一块这块内容三个点啊，是竖起来的点，那么你点击的时候啊，他会有一块塑料桶， 各位同学看好，也就说我们的控制台可以停放到四个不同对应的位置，根据你电脑的版面或者屏幕的需要，那么比如说我现在把它放到右边，那么我们现在的控制台就放在哪边呢？是右边这块内容， 各位同学看好啊，右右边这块内容，那么我也可以点击一下，把它放回电脑的界面，对吧？手机端，电脑端，手机端，各位同学看好。 那么这块内容我们点击展开，比如我们现在点击是电脑端，当我们再拿出第一个内容来选择的时候，选择对应标签，那么我们这块内容啊，也就是可以看到一个对应的标签，同时我们在它的底部还有一个 css 样式， 也可以再一次的改变它其中的样式，各位同学看一看，那么这个视频啊，主要讲解到这里边就是控制台的，控制台的打开啊， 摆放和控制台的，通过上面前面的两个操作，一个是选择对应的标签，然后放在上面可以看到对应的标签，通过对应的标签，我们再找到对应的代码来修改对应的样式表 三块内容，各位同学想看一下，首先控制他要来点击啊，通过这个地方来选择对应的标签，然后点击对应的标签代码，然后直接样式，然后通过修改这块内容，都是通过一个图形化的操作来选择到代码， 那么这讲讲到这里，那么下一讲我们还要讲控制台，又是网页中，网页脚本中的控制台的使用，感谢大家的关注、支持和点赞，谢谢这一讲讲到这里。

大家好，今天我们开始 html 的 第三讲，什么是标题标签，标题标签是这样定义的，大家请看， 这样我们就已经定义好了一个标题标签，它是一个 h 一 级标签，这当中写的是标题的内容，比如这里边我们写 这是标题，我们 ctrl 加 s 保存，我们在浏览器当中打开刷新一下浏览器，好，这样就显示了一个标题的效果。 标题标签呢，它有六个级别，从 h 一 到 h 六，我一一的给大家做展示一下，给大家看一下效果， h 一， 我们干一下 h 二， 好，现在我们已经改好了，我们 ctrl g s 保存，再刷新一下浏览器，这就是我们六个标题标签显示的效果。 这样给大家解释一下啊，这个标题是非常重要的，标题一定是写在标题标签当中的，为什么呢？ 因为我们的浏览器在解锁我们所写的代码的时候，是通过标签来分析你所写的内容是干什么用的。比如说你浏览器解锁到你写在 h 一 到 h 六这当中的代码，他就认为说这是一个标题，他会解锁出来，比如说你写在 p 标签当中，他就会解锁出来这是一段内容。 比如你写的一个地址标签当中，他就会解锁传输这是一段地址。所以说我们的标签啊，一定要我们的内容一定要对应我们的标签去写，不要乱写，也不要乱用， 你不要。呃，比如说通过其他办法也可以实现像标题标签这样的一个效果，你比如说我们通过 b 标签也可以实现这样一个标题的效果 啊，写的也非常的漂亮，你加了很多的样式，比如说这个标题写的很很好看，而且样式也很醒目，但是你没有把它写在标题标签当中，而你写到了其他的标签当中，那浏览器在解锁你的数据的时候，他就不会分析到说你这一个内容是一个 标题，他就会解锁到你这个东西，你这个内容是一个什么东西呢？ 所以说我们一定要正确的去使用标签哦，不要乱用，也不要乱写，切记啊，标题就写在标题标签当中，内容就写在内容标签当中，图片就放在图片标签当中，地址就放在地址标签当中。这样 浏览器和第三方啊，或者是其他的优化工具或者优化软件，在抓取你网站数据的时候，抓取你的信息的时候，他就通过这些标签来分析和解锁你的数据，这样 你你把对应的标签放好以后，你的数据是非常准确的，而且有非常准确性，被大家什么解锁到，被大家推广到，被大家什么看到，所以说什么样的标签放什么样的内容是非常非常重要的。 当然这个标题标签分了六个级别，它的这个重要性也不一样， h 一 的作用是主标题是最重要的，其次是 h 二、 h 三、 h 四，这样以此类推。所以说你认为说你的这个标题是非常非常重要的，那你就放到 h 一 标签当中， 你认为是次重要或者是次次重要的，那你就放到 h 二或者 h 三当中啊，根据你的需要，你把它放到一个合适的标签当中，千万千万不要。嗯，把其他的内容放到标题标题标签当中，比如说你通过 写了一很多的内容，很一大段内容，这是个内容，他不是一个标题，但是呢，你把他放到了标题标签当中，那么搜索引擎也把其他的工具在抓取你的信息的时候，他就误以为说你写的这就是一个标题，这样的话，他就给了 别人一个误导的信息不准确了。标题的定义标题标签的定义是非常简单的啊，我都已经讲完了，从 h 一 到 h 六，这就是定义了一个标题 啊，这当中写的是标题的内容。好了，接下来我们再讲一下，比如说，呃，再讲一个，一个一个再讲一个 hr 的 标签吧， 给大家先看一下效果。 hr 这个标签呢，是定义了在网页上显示一条水平线啊，我们可以先看一下效果， 我们刷新浏览器 f 五号，这就显示一条水平线，这个是有一个什么样的作用呢？就是比如说我们写了一段内容，需要把它分割开来实现这样一个效果，或者是，呃，我们需要把我们所排布的内容也进行一个分割， 我们就可以放入这个 hr 这条水平线，就这样一个标签来实现这样一个分割。当然啊，实现分割的这个办法有很多种，这个 hr 只是其中的一种，不是说它是唯一的一种，它是其中的一种，用其他办法也可以进行分割啊。 再下来给大家讲一下 html 当中的注视，注视也是非常重要的，先给大家 讲一下如何来定义注视注视是这样的，我们先写一个监扩号，一个感叹号，中间呢？四个杠杠，在这四个杠杠的中间，我们写注视的什么内容？比如这里边，是啊，这这里写注视的内容， 注视呢，顾名思义嘛，就是帮助别人解释东西的解释内容的注视也是非常重要的，比如说我们进行二次开发的时候，或者是别人在修改你的代码的时候，别人只要一看注视，他就很容易的理解你写的这个代码是干什么用 的啊，提高了他的这样一个可读性啊，而且提高了开发的一个效率。 而且重视有个好处是浏览器不会解析这段代码，他会被把这段代码给隐藏掉了啊，而且也不会在我们的浏览器上面显示，比如我们考试加 s 保存，我们看一下效果，我们刷新浏览器没有任何效果的显示， 所以说这段代码浏览器没有被解析，也没有解释，所以说注，呃，注示代码是给开发人员以及其他的人员看的，浏览器不会解析它，我们需要 后期的开发，我们其实是需要写很多的注示的啊，一定大家要学会 学会写注是一个开发人员必须要做的，而且写好注是也是为后期代码的开发 提高了很好的效率。有时候比如说代码多了，你自己都不知道那段代码是写的啥，但是你一看注是你就知道哦，这段代码是干了什么用的，所以说注示也是非常非常重要的啊，说告诉别人这段代码是干什么用的，为什么要写这段代码？ 好，我再给大家教一下如何查看源代码，比如说我们在浏览器当中，我们想看一下这段代码是源代码是怎么写的，我们就在浏览器当中点击右键 啊，在浏览器当中点击右击啊，我们这有一个查看源代码，点击它就看到了我们这个源代码刚才所写的代码，这是一个简单的方法，大部分的浏览器它都是这样去显示的。 总结一下，今天我们主要讲了四个内容，第一，如何定义标题标签啊，就标题标签分了六个级别。第二，如何在网页上 定义水平线，用 hr 标签。第三，如何在代码当中写注视，注视是如何定义的？写在什么样的标签当中？第四，呃，如何查看源代码？我们 在浏览器页面当中啊，我们右击选择这个查看源代码就可以看到源代码。好了，今天我们就讲到这里，下一讲我们讲解什么是段落。

大家好，我是老盖，今天我们接着学习 ht m 二啊，今天我们学习是第九节啊，学习标纤维。好， 我们还是先回忆一下上一节课学的内容，上一节课我们学的是啊， dldt 还有 dd 啊，大家回忆一下。好，今天我们开始学习第九节啊，我首先我准备了一个第九节的一个测试的文本啊，直接里边内容就是啊 啊，标题是第九节标题，然后内容就是第九节正文，我首先还是把它拖入浏览器啊，这是刚才我测试的代码啊，刷新一下。 好，这个就是第九节啊，这个是啊，这个文本啊，网页里边内容。好，今天我们学习标签 a， 这个标签 a 在我们这个网页开发的时候用的非常非常多，也非常重要啊，大家 多练习一下就行了，然后啊书本里边讲的也比较多啊，我这里就是在简单的总结总结啊，好，我们先看一下第一个啊，第一个是相对连接啊，他建立的一个啊连接是相对连接， 因为啊相对连接没有前面 http 啊之类的这个啊链接啊，直接就是使用了我当前目录。好，我直接我复制进来啊，大家先看一下，好刷新一下啊，这个就是打开啊当前目录的一个啊，第八节这个 文件啊，第八节这个文件，大家注意一下，如果你的目录有是多层目录，需要啊，加上那个目录的啊，斜线啊，如果你你想访问其他目录，可以用点或者点点或者是从根目录开始都可以啊，一层一层的 访问啊，我这里就是简单的使用了当前的目录，旁边啊旁边一个文件啊，八点 htmir 啊，就使用了这个啊，好，大家先看一下这个，我点一下，大家看一下效果啊，好，直接就是打开了啊，八点 htmr 啊，这是第上一节那个文本的内容。好，我这里返回一下。 好，我把这个绝对路径呢也复制过来啊，这个绝对路径啊，是打开我的路由器啊，我这里加个换行啊， 他是打开我路由器，这个可以用域名或者是用 ip 都可以啊，这是打开我的路由器，我直接刷新一下。好，我们点一下打开路由器，好，这样就会进到我这个幺九二点幺六八点幺点幺啊，这个 ip， 我返回一下，这个就是绝对路径和相对路径啊。 好，我们再加一个属性啊，这个就是啊，是否打开新的页面啊？就是说进入新的连接的时候是否打开新的页面，我刷新一下啊。 好，我首先测试第一个啊，打开第八节，大家看一下，点一下，这个时候会弹开一个新的页面啊，这个就是 第八节的这个页面啊，新的啊。好，我们再看一下这个打开路由器啊，这个也是啊，弹开了一个新的页面啊， 这个标签 a 在我们日常就是写代码的时候用的非非常多啊，大家啊多练习一下其他的还有一些属性啊，等到后续我们用的上了，用上的时候我们我们再讲解啊，今天就是这些 基础的，大家多练练习一下就可以啊。啊，好，今天这个视频就讲到这里啊，感谢大家的观看，我是老盖。好，再见。

从零开始学网安第四十三集第二个部分叫做，叫做网页当中常见的标签有哪些？第一个呢，我们来看，它叫做标题标签啊，标题标签啊，来，我在左边去新建一个文件啊，叫做网页中常见的标签， 点 h t m l 回车，哎，然后呢，在这里按 shift 加感叹号回车，生成最基本的结构。好，然后呢，我们在这里去写注，是网页当中网页中常见的标签。第一个叫做标题标签。 好，什么是标题标签？来，我我我找一下啊。好，呃，假设我随便找个标题吧， 就第一个啊。印度称中国向巴基斯坦提供防空系统，中方回应啊，就点这个。然后呢？点开，随便点开一个网站好再看，哎，为什么这个文字更大一点啊，或者是更粗一点点是吧？这个就是一个标题。 好吧，这个是标题啊，标题，那么它是怎么设置的？很简单，就是通过咱们标题标签来设置的。好，怎么写呢？ 来跟我写，首先写上一个括号，哎，写上一个兼顾号，因为呢，它是标签嘛，先写上一个兼顾号啊，然后呢，标题标签叫做 h 一， 写完 h 一 再写一个兼顾号，哎，结尾是吧？这是开头，这是结尾。那我们呢，就可以在中间去写上这么一句话，我把这个复制过来， 来粘贴，对吧？直接粘贴过来啊。好，写好之后呢，咱们右击点按钮直行，哎，印军是吧？这个就标题就到了吧，对不对？就到了啊，当时我们在写的时候要注意一个地方，有些人这么写，那老师，哎，我可不可以把这句话对吧写到他的后面去， 同学们，你们觉得写到后面会不会生效是吧？这是标签。把文字写到后面会不会生效呢？ 可不可以啊？好，咱们看一下啊。来看一下，来打开我的浏览器来看， 对吧，是没有生效的。是的，是不行的啊，是不会生效的。对，所以说你想让谁生效有这个对应的效果的，你得把它写到中间去啊。你要写到中间啊，写到这个 h 一 开头，写到这个 h 一 结尾好不好写到中间啊，而且我再强调一点点， 再强调一下，有同学呢就非常的粗心哎。他写了很多的 hand 标签，写了很多的什么 body 标签，我讲一遍这是不允许的不允许的为什么？你，你可和人一样嘛。我人呢？他只有一个头 是吧？我人只有一个身体网页也是一样的，他只能有一个头部标签，也只能有一个 body 标签啊。我说一下啊，只能有一个啊，不能写多个 只有一个身体只有一个头。好，这是 h 一 啊，刚我们说了你要写标签呢，要写上一个监扩号，再写一个 h 一， 哎，再回车是吧，可不可以呢？可以，但是呢非常麻烦对不对？有没有什么快捷方式呢？有，看我操作啊，我们要写的是 h 一 标签，那我就直接写一个 h 一 写好了是吧？回车简单吧非常简单啊，是吧，我再来一遍给它删掉 h 一 回车可以了，自动补全文字往里面一粘贴，没有了对吧。点开来看啊，效果是一样的啊。这个呢就比较方便了，要写什么标签 可以直接写啊，比如要写 h 一 我就直接写 h 一， 然后呢按回车就可以了。 好，这第一个啊，这个标题标签我讲一下，它是有六个等级的，六个等级， h 一 是第一级。好， h 二，我来写下 h 二回车是吧？再把文字往里粘贴，这是第二级。好，再个 h 三 h 三回车，这第三级 h 四啊，再个 h 五 h 五啊，再个 h 六， h 六。 一共是有六个等级的啊，你不要问他老师有没有 h 七、 h 八， h 九、 h 十什么的，没有，只有六个等级啊，不要跟我去干啊，只有六个，而且我们注意了，你在写的时候呢，要保证开头和结尾是一样的哎，开头是 h 一， 你结尾是 h 一， 是吧？开头是 h 二，结尾是 h 二。你不要说把前面改成六，后面改成一了， 这就不对了啊，你要前后要有对应，他们是成对的。好， h 六好，写好了之后呢，来咱们打开浏览器来看，一二三四五六。请问同学们这六层啊，这六个等级他们有什么特点？他们有没有，有没有什么特点？ 哎，他们是从大到小啊，或者是什么越来越小，对，都可以，对吧？哎，也就是随着咱们这个哎数字的增加，是吧？字体呢，是越来越小，随着这个数字的增加， 文字是逐级递减，对吧？ h 一 到 h 六啊， h 一 最大， h 六最小，逐级递减的。好，这个呢就是咱们第一个叫做标题标签，六个等级，第二个 第二个呢叫做段落标签。哎，什么是段落标签啊？就是它的作用呢，主要是用来写段落的，主要是用来写这个文章段落的 段落的啊，对啊，你看一下啊，比如这个网站是吧？你看这里分了几个段落啊？这是一段啊，这也是一段是吧？这是一段，这是一段，这是一段。哎，那我们可以模仿他，他有五个段落，那我们也可以写五个段落 啊，那么段落标签怎么写呢？他叫做 p 标签，直接写个 p， p 标签啊，来看 p 回车，然后呢把文本粘贴进去，比如说这个是第一个 粘贴，对吧？你看好，粘贴过来之后呢，你看啊，他就有同学呢粘贴过来这里是可以滑动的啊。同学们啊，你们觉得老师为啥我跟你长得不一样？因为你下面可以拖动，好吧，可以滑动啊，那如果说老师我不想滑动怎么办呢？哎，就把查看里面的自动化行给它勾上，勾上好之后呢，就不用去滑动了啊，来查看自动化行给它勾上。 哎，勾上之后呢，他到这个结尾就会自动的划行下来啊，我觉得这个是比较方便的。老师，为什么有黄色的逗号？这个没关系啊，同学们标点符号这些呢？不影响咱们好吧。不影响啊，我也有看到没有，我也有啊， 好在第一段再来个 p， 来这个对吧？粘贴啊，再来一个 p 标签，哎，这个我就不写多了啊，就简单写三个 p 标签。好，写好了来咱们打开网页在这是吧刷新，你看这是一段吧，哎，这是第二段，这是第三段啊，非常简单， 对吧？很简单啊， p 标签写文章段落上面这块呢，写这个标题的啊， 然后呢我再讲一下啊，就是有个技巧，呃，就是同学们你们在最开始写的时候呢？呃，肯定不能像我一样啊，写的特别的完整。不不，就是写的特别的一个规范，有可能你们写的是这种歪歪扭扭的啊，可能前面空了两格是吧，这里是顶行啊，然后呢？这里又缩进去，然后呢？这里又空空三格， 对吧？你们肯定可能，可能，可能是这样的啊，我只是简简单的举个例子。那看起来呢，歪七八扭的很麻烦对吧？好，那有没有什么键能够快速的哎，恢复成一个最正确的格式呢？有的，右击点击格式化文档， 只要点一下这个按钮呢，就能够帮你快速恢复到最正确的格式。点开是吧？点好呢就自动排版啊。自动排好，自动排好，来，我写一下吧，就是如何快速的格式化文档。右击点击，点击这个什么啊？点击格式化文档。 好，然后我们先休息会啊，八点四十一咱们再继续。老师你说的这个强迫症受不了。对啊，有些同学可能有强迫症啊，他调格式调半天啊，前面空三行的，前面空两行的，前面空一行的，慢慢调，要调很久啊，直接右击点击格式化就可以了，很方便下一集强调标签。