s t m a head 元素值两个 head 标签包括的所有内容 head 元素会直接写在 s t m i。 元素标签体内,因此 head 元素是 s t m i。 元素的直接紫元素 黑元素内。我们一般放入 stm 文档相关配置信息,包括文档的标题样式脚本原信息等。 head 元素包含的内容不会在浏览器显示,所以我们一般在 head 元素那边写 mate 元素 title 元素 link 元素 style 元素 script 元素 north script 元素以及 base 元素。
粉丝7452获赞1.0万
![[网站开发入门指南09] head标签与内部的标签们
#前端开发 #网站开发 #html #css #JavaScript](https://p3-pc-sign.douyinpic.com/image-cut-tos-priv/5d2b341d9c098e7f161c0d8d25d483cb~tplv-dy-resize-origshort-autoq-75:330.jpeg?lk3s=138a59ce&x-expires=2086812000&x-signature=9G5W8Ii0cVpn0quXpyenWeINmC0%3D&from=327834062&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=cover&biz_tag=pcweb_cover&l=20260219065545AA02160BB5D7953F9C9C)
接下来呢,我们先来看一下 head 这个标签,那 head 这个标签呢,顾名思义是头的意思, 那我们其实可以把它隐身理解成思想和内涵,那如果从人的这个角度来看呢,人的这个思想和内涵这个东西啊,其实往往不像外表、身材这些东西一样显而易见, 通常是看不见的。所以害的这个标签里面放的这些标签呢,其实都是一些不会在网页显示区域中看到的东西, 但是这些东西呢,对于网页对于这个文档本身又是非常重要的一些东西。那比如说像这个 title 这个标签这里呢,给大家提示两个非常常用的操作,一个就是缩镜,就是你可以把把光标放在某个位置,然后按下 tab 键,它就一个缩镜的一 效果,或者你整体这样选中,他也是有一个这样一个缩镜的效果的,那你想反向缩镜呢,也就是把这个缩镜退回来的话,你就可以 shift 加上 tab 键,他就有一个这样的一个反向移动的效果。 那我们 title 这个标签呢,其实它里面的这个文字就会展示在你这个网页的这个标签栏这里, 比如说我们这里去修改一下这个标签栏叫做 hello cod, 那么他这边就会变成 hello cod。 那这个标签的话,其实算是在害的标签里面,唯一就是比较显性能展示出来的一个东西了。那 title 里面的这个信息呢,其实还有个非常重要的作用, 搜索引擎呢,能通过这里的这个信息来判断是不是要把你的这个网站的一个资料展示在一个搜索的一个结果里面,所以如 如果你要考虑这种搜索引擎的这样的一个搜索效果的话,你希望你的网站出现在某些关键字的搜索的结果的一个列表里面的话呢,你得在你的网站开发完正式上线之前呢,好好的把这个 title 的这个信息设置一下,那像这个标签呢,就只需要设置一个就够了。 还有就是我们这里看到的这个 meta 标签, meta 标签呢,它其实是可以设置很多个的,那通过不同的这个属性以及值呢去形成不同的作用。 那比如说这里告诉浏览器这个文档他使用的一个自负级,这个是关于这个显示的一个视窗,也就是在这个显示区域的一个缩放的情况。那像这两个东西呢,其实我们一般都不需要动他,目前来说呢,你不听不懂他们是什么意思,具体什么功能没有任何影响, 你现在不用去过多的关注他,你就按他默认的来就好了。如果你想去了解呢,你也可以通过一些穿 gpd 的工具去搜索一下,让他来告诉你。那 mat 呢,还可以设置这个网页的一个叫做关键字和描述信息,那这个信息呢也是对于搜索引擎的结果是有帮助的, 那对于我们现在来讲呢,这些暂时不了解也没有任何关系。那还有一个呢,叫做 link 的标签, 那这个 link 标签呢,是用来引入一些文件的,比如说我们以后会通过它来引入另外的 c s s 文件,来让我们页面当中的元素更美观。 还有一个叫 style 标签,那 style 标签呢,它是可以直接在这个标签内部去写这个 c s s 代码的,那以后呢,我们会在讲 c s s 的时候呢,具体来跟大家演示,那 它和 link 的区别呢?就是 link 是可以去引入外部的 c s s 文件, a style 呢,是直接在这个 h t, m l 这个代码里面,这个文档里面直接去写 c s s 代码,所以这两者是不一样的。还有就是一个 script 标签, 那 script 标签呢?其实就是跟 g s 代码有关了,那 script 标签呢?我们也可以在它的中间呢去直接写 g s 的代码, 同时呢它又可以通过某个属性,比如说 s r, c 属性去引入外部的这个 g s 文件。那这几个标签呢?就是在 head 标签中我们会看到的这几种标签。


h r 标签在 html 页面中创建,水平线可以用来分割文章内容,请看演示监控号 h r 斜杠,这就好了,一条水平线就创建好了。一般的标签都是成对出现的,但是也有个别的标签,我们是可以在开始标签中结束,也称为自闭和标签,我在前面讲过,这里就不多做解释。 点击保存,或者按换节键考试加 s 保存,选择我们刚写的 html 文件,右击选择浏览器,打开 这条水平线就是 hr 标签创建的,我们可以使用它来分割文章的内容,请看演示我们写首诗敬业 床前明月光,疑是地上霜。举头望明月,低头思故乡。我们再写一首春晓 春眠不觉晓,处处闻啼鸟。夜来风雨声,花落知多少。这两首诗中间我们用 h r 标签来分割, ctrl 加 s 保存, 我们按快捷 gf 五刷新浏览器现在看到的效果不是很好,我们修改下,让每一句诗都换个行。 br 就是坏行。标签考试加 s 保存,再按快捷 gf 刷新浏览器,这就是我们要的 分割效果。我们还可以修改 hr 标签的一些属性,比如我们绕水平线变粗,请看修改扇子属性等于五像素。考制加 s 保存 i 快捷 gf 五刷新浏览器。现在水平线已经变粗了,但是默认是带阴影的水平线,我们可以修改为不带阴影的,请看 no shit 等于双引号 no shit, 这就代表水平线没有阴影。考制加 s 保存 i 快捷 g f 五刷新浏览器。现在就变成没有鹰眼的了,还可以设置宽度,请看位置等于三百 px 设置宽度为三百。 孝素考试加 s 保存,按快捷 gf 五刷新浏览器现在宽度就变为三百孝素, 我们还可以按照百分比来设置宽度,请看将三百 px 改为 三十百分号。考试加 s 保存, i 快捷加 f 五刷新浏览器现在水平线的宽度是按照百分比来显示的,我拖动浏览器窗口大小,大家就看的更加明白了。 但是默认 sr 水平线标签是居中显示,我们可以修改为靠左或者靠右显示,请看 la 等于双引号当中写 left, 这就设置水平线靠左显示。 考试加 s 保存, i 快捷 g f 五刷新浏览器现在已靠左显示,也可以修改为靠右显示,请看修改 let 为 ride 就好了。考试加 s 保存, i 快捷 g f 五刷新浏览器现在靠右显示。 总结一下,这节我们讲了 x 二标签以及他属性的设置,虽然属性的设置现在不建议这样写, 我们在正式的开发中是使用样式表来控制,但是大家还是有必要了解和知道,这对你打好基础是非常有用的。下一节讲解 html 的注视。

在上一节,我们学习了 html 页面的基本结构,从中可以知道害的标签是比较特殊的, 事实上,只有一些特殊的标签才能放在嗨的标签内,其他大部分标签都是放在包的标签内的。在 html 中,一般来说只有六个标签能放在嗨的标签内。 兔兔标签、 mat 标签、 link 标签、 sky 标签、 script 标签、 base 标签。下面我来给大家详细介绍一下。在 html 中, 图图标签唯一的作用就是定义网页的标题。在 html 中,麦特标签一般用于定义页面的特殊信息,例如页面关键词、页面描述等, 这些信息不是提供给人看的,而是提供给搜索引擎看的。在 html 中,麦特标签有两个重要的属性,内幕和 http 内幕属性在实际开发中,我们一般只会用到 k words 和 description, 也就是记住这两个就可以了。 在 html 中,麦特标签的 http 属性只有两个重要作用,第一个是定义网页所使用的编码,第二个 是定义网页自动刷新跳转。这段代码告诉浏览器该页面所使用的编码是 utf。 杠八。如果你发现页面打开后是乱码,很有可能是没有加上这一句代码, 这段代码表示当前页面在六秒钟后会自动跳转到这个链接对应的页面。 做网站不迷路就找山东游客赞!今天的视频就到这里了,我们下期再见,拜拜!

哈喽,小伙伴们大家好,我是二毛,那今天和大家分享的内容是害的标签,那在害的标签里面呢,首先会看到一个这个 style 标签,那这个是用于去定义 css 他的样式,然后呢下边的这个 link 标签呢,他是呃用于去引入他的这个 cs 文件,然后边呢写的同样是他的路径。 然后接下来的这个呃 scribe 标签呢,它是用于去定义这个 g s 文件,然后呢 也可以去引入他的 gs 文件。然后再往下呢就是这个 mta 标签,那他可以去呃设置这个网页的关键字,那比如呢,现在他设置的就是这个 keyword, 他就是这个关键字。 那这个里边内容呢,我就写写成了这个二毛学编程,然后也可以设置网页描述,那这个地方呢就是 description, 然后后边呢写的一个内容,然后也可以去声明这个网页的作者, 然后还有以及下边的版权。然后这个下边呢是我们之前说过的,他这个网页用的编码是 utf 杠八。然后接着再往下呢,这是一个呃页面刷新,然后这个后边呢是 这个多少秒,然后刷新过去,然后这个地方是你要写的网址,然后我就用这个汉字给他代替了。然后最后呢就是这个 title 还是他就是定义了一个呃网页的标题。 那以上呢就是今天要和大家分享的这个 high 标签里边的内容。好了,小伙伴们,我们下期再见吧,拜拜。

讲解完了与 atm 的结合方式之后,接下来我们要学习的就是 css 的一个基本的语法, css 的基本语法,哎,我们来说来看一下这是第几个事了,这是第四个,第四块的内容就是 css 的一个语法的问题, 那么这个语法其实刚才我们也看到了, css 代码如何来定义,对吧?我们刚才也看到了,在这个地方呢,我们是不是可以去写一个 dnv, 对吧?然后写一对大括号,写一个属性名,属性值,用分号隔开,对不对?那么接下来我们就详细说一下这个语法,那么这个语法呢,首先来说第一个问题是他的格式,格式, 格式呢?首先呢你这个地方要写第一个东西,叫做选择器,好,选择器,然后选择器弄完了之后呢,接下来写一段大括号,写一段大括号,大括号完事了之后,你 里边就写对应的属性啊,属性名,然后呢冒号,属性值,每一个属性名和属性值是一对,那么这一对, 这一对中间用冒号隔开,并且呢每一对之间用分号隔开,那么比如说属性名一,属性值一,然后同时这个地方可以写好多个,好多个,好多个, 两个,然后呢我们就点点点了点点点,这是第二个,这是第二个好,里边可以写好多对这种属性的见值,对情况,那么这个地方呢,有属性,有选择期这两个概念, 属性这个东西好理解,选择器是啥意思呢?选择器这个东西待会我们要详细讲,我们先来简单的介绍一下,选择器,选择 气呢,就是来来筛选,筛选,筛选具有相似,相似, 相似特征的元素啊,元素,也就是说我们如果写一个 div, 他是个找所有名字叫 div 的元素,那么不是 div 的元素一样是是不会被受到控制的,就这么一个意思, 我们来讲解就可以了。然后这个地方呢,来说一个小的注意事项,注意事项,注意事项就是每一对,每一对好,每一对这个属性,属性的属性 需要需要使用这个分号隔开,隔开,然后呢最后一对一对属性不需要,嗯,可以,可以不加这个分号,可以不加分号了解一下,这个事 一般呢我们也会加上,那么不加我们可以来演示一下,在这个里边呢,我们再写一个。写一个啥呢?写一个,比如说写一个屁标签,段落标签 个 p 标签里边写一个,嗯,呵呵,对吧?写个呵呵。那么这个地方呢,我们引入了这个 a 点四 s s 文件,那么现在呢,我们来控制这个 p 标签, p 标签好, p 标签,那么我们设置一下他的一个卡冷,卡冷 好卡拉,比如说是红色的,没有问题吧?然后呢我们可以再写一个,比如说方特塞斯,杠塞斯好大小,对不对?大小,大小呢?我们弄成,嗯,比如说三十 这个单位呢,是像素 px。 那么这个地方最后一个我是不是加了分号?加了分号当然没有任何的问题,没有问题,对吧?最标准的就是加分号,那么我也可以不加这个分号。 如果你忘了写最后一个可以不写,但是前边的不写可能就会出问题。念这个地方如果我不写,念这个地方是不是编译?不是编译就是语法检测是不是通不过,然后呢你刷新这个就不会生效,所以在这个地方要注意这么一个问题, 那么对于 css 基本的语法格式我们知道了之后,那么接下来我们要学习的内容就是这么两块,第五块呢,我们要学习的就是你到底有哪些选择器啊?对吧? css 选择器到底该怎么写呢?除了写这种标签名称,还可以写别的什么样子吗?对不对?选择器有哪些? 然后呢下来选择器学完了之后呢,我们就学一下 css 里边的属性到底有哪些,我可以除了卡乐和什么字体大小,还有其他的属性吗?对不对?所以呢我们学这么两块,那么对于这个选择器你需要 掌握,那么这个属性呢?这一块 css 里边有很多的属性啊,我们这里边会挑一些比较常用的去讲解啊,我们不会把所有的属性都讲完,因为对于 css 这个工作, 其实你会发现将来呢,并不是我们作为扎瓦程序员来完成的,我们主要完成的是后台逻辑性的代码的一个边形,那么对于前端的这种样式的调整,会有专门的一类人, 对吧?他们是前端的开发工程师,他们来完成,对于我们来说呢,这一部分内容属性的一个使用,作为了解内容就可以了。好嘞,那么接下来我们就来学一下这么两部分内容。

stm 外部资源链接元素 link 规定了当前文档与外部文档的关系。我们一般用 link 元素链接样式表,此外也可以被用来创建站点图标。 要连接一个外部的样式表,你需要在你的海底元素中包含一个 link 元素。在这个简单的例子中,使用了 herf 属性设置外部资源的路径,并使用 rail 属性值为 style shit, 也就是样式表的意思。 在这里, real 属性标识表示的是我们关系,也是 relationship, 它是另元素其中的一个关键特性。属性值标识当前另项链接方式与包含它的文档之间的关系。啊,这里有一些你经常 到了其他类型,例如,这里是一个网站图标的链接,还有一些其他的与图标相关的 road 值,主要是用来表示不同移动平台特殊的图标类型。

哈喽,本期我们讲解内部样式的写法,将 c s s 代码集中写在 atm r 文档的害的头部标签中,并且用 style 标签定义, 我们写个小 demo 看一下。我们定一个标题标签,大家都知道标题标签属性是默认加粗的黑色字体,我们使用内部样式在 high 头部中添加一个 style, 这里注意要用到标签选择器,这个我们后期会再讲解,就是选择你要操作的标签,比如我们现在要操作 h 一, 那么这里我们就写 h 一大括号,然后写他的多个属性,属性是成对存在的啊,一个名称对应一个池。 好了,一起来看一下,运营效果非常 ok, 本期讲到这里,下期继续讲外部样式。

哈喽,大家好,我是阿华,今天我们来一起学习前单编程入门教学的第六讲基础标签实战。今天我们根据前面学习的内容来进行一波实战演练。首先我们在桌面新建一个文本文档,重命名自己喜欢的名字,然后打开, 首先写上我们的根标签 htvl, 然后写上我们的头部标签,黑的,接着是身体标签波点, 在头部标签里面写上抬头标签,给我们的网页命名。现在我们进入主题,在波底标签里面写上我们想要显示的内容,用我们之前学过的标签去修饰内容。 写好之后我们保存,关闭右键重命名,将文件后缀改为 htvl。 双击打开网页我们就可以看到效果,是不是感觉很简单,赶快试一试吧。