今天,学习如何正确书写标签。从书写形式上,标签分为双标签和单标签两大类。首先:双标签,比如h1标签,是由两部分组成的,前一部分叫做开始标签,后一部分叫做结束标签。这对内容称为标签对,标签对中写入要被标签修改的内容。如果我们想让一段内容以h1的样式出现,我们就把内容写在h1标签的中间。我们新建一个文件tag.html,写一个h1标签,把内容写在标签对中间,用浏览器打开看看效果。为了更方便的写标签,vscode有自动补全的功能。只要写下h1,然后按tab键,这个标签就会自动出现。我们只需要写中间的内容即可。单个标签。让我们看一个例子。假设我们要在新行中显示这两个段落。我们在代码中输入了回车,但是在实际页面上显示是没有用的。可以使用br标签,回到浏览器刷新,换行成功。这个标签只有一个封闭的部分。我们称这种只有封闭部分的标签为单标签。一般单个标签不修改任何内容,所以也称为空标签。为了扩展HTML的表现力,HTML还引入了标签属性的概念。标签属性是写在标签本身中的,可以为标签提供一些额外的信息或者修改标签。单双标签都可以写属性,双标签写在开放标签里,单标签写在标签本身。标签属性由“属性名”=“属性值”组成。这样的内容称为属性。注意:多个属性应以空格分隔。要向标签添加属性,请在开始标签中写入一个名为title的属性,并为其赋值“我是一个标题”。title属性修改h1标签。打开浏览器看效果,将鼠标悬停在这个标签上,出现“我是标题”,所以这个title属性就是用来修改鼠标悬停在标签上时显示的标题文字的。再看看img标签。这是用于在页面上显示图片的单个标记。写好后,打开浏览器,却发现什么也没有出现。这是因为img标签只是写了告诉浏览器显示图片,并没有说要导入哪张图片,浏览器不知道去哪里找。所以需要在img标签中添加一个属性来指明图片的位置。在img标签中添加一个名为src的属性名,属性值为图片地址。刷新浏览器,我们看到图像出现了。这就是标签和标签属性的写法。不同的标签在html规范中有不同的作用。如果我们要编写我们平时看到的网页,需要用到哪些标签呢?下次见!
