明天学习如何正确的书写标签,从书写模式上标签分成两类:双标签和单标签。
首先:双标签,例如 h1 标签,由两局部组成,前一部分叫做开标签,后一部分叫做闭合标签,这一对内容叫做一个标签对,在标签对内书写该标签要润饰的内容,如果咱们想让一段内容出现 h1 的款式的话,咱们就把内容写到 h1 标签的两头。
咱们再来新建一个文件 tag.html,写一个 h1 标签,在标签对两头写下内容,在浏览器中关上看成果。
为了更便捷的书写标签,vscode 是有主动补全性能的,只有写下 h1,按下 tab 键,会主动呈现这个标签,咱们只有在两头写内容就能够了。
单标签。看个例子,假如想把这两段文字换行显示,咱们在代码里回车换行,在理论页面显示是没用的,能够应用 br 这个标签,回到浏览器刷新,换行胜利。这个标签只有闭合局部,咱们把这个只有闭合局部的标签称之为单标签,个别单标签不润饰任何内容,因而又称为空标签。
HTML 为了扩大表现力,还引入了标签属性的概念,标签属性书写在标签本人自身,能够为标签提供一些额定信息或者对标签进行润饰。单标签和双标签都能够书写属性,双标签书写在开标签内,单标签书写在标签本身。标签属性是由“属性名”=“属性值”组成。这样的内容叫做一个属性,留神:多个属性之间要应用一个空格分隔开。
要给标签加上一个属性,在开标签中书写一个属性,名叫做 title 赋值为“我是一个题目”这个 title 属性就润饰 h1 标签。关上浏览器看成果,把鼠标悬停在这个标签上,“我是一个题目”呈现了,因而这个 title 属性就是用来润饰,鼠标悬停在该标签上时显示的题目文本的。
再看 img 标签,这是一个单标签,用来在页面上显示一张图片,写完当前,关上浏览器,然而发现没有任何内容呈现,这是因为只是写了 img 标签,通知浏览器要显示图片,但没说引入哪一个图片,浏览器不晓得去哪里找。所以须要给 img 标签增加一个属性,用来阐明图片的地位。给 img 标签增加一个属性名叫做 src,属性值是图片地址,刷新浏览器,咱们看到图片呈现了。
这就是标签以及标签属性的书写,在 html 标准中不同的标签会有不同的作用,那如果咱们想写咱们平时看到的网页的话,都须要哪些标签呢?下期见!