上一课中,我们主要认识了HTML,也就是超文本标记语言所代表的含义,在上节课的最后,我们提出了这样的一个问题,如何在超文本当中,实现标记工作。

那今天菜鸟我,就来带领大家揭开谜底,如何在超文本当中进行标记,首先,我们已经知道了,在用超文本记录的内容,也不过是一些文字而已,那我们既然要对超文本进行标记,归根结底来说,就是对超文本中的这些文字内容进行标记,那到底要如何标记这些文字呢,不要急,在进行标记工作之前,我们先来创建一个文本。

首先打开你的文本编辑器,别告诉我你没有,没有的话自己去下一个吧,如果你不知道去哪下载,或是太懒不想下载的话,那也没关系,那我们也可以使用计算机上自带的文本工具去创建文本,首先右键单击电脑屏幕空白区域,找到列表项中的“新建”选项,然后,将鼠标移到到“新建”选项上,此时,会出现一个新的列表项,找到“文本文档”,然后左键单击,此时在桌面上就会出现一个前端学习之路2这样的图标,那么恭喜你,你已经创建完成一个文档(这个文档目前还只是一个文本,而不是超文本)了,此时我们打开文档,随便在文档当中输入几个单词或是文字。前端学习之路2

文档中内容随意,那么我们接下来的工作,便是要让这个文本变成一个超文本,那么需要如何做呢,点击文本左上方的“文件”,前端学习之路2,此时会出现一个下拉列表,找到“另存为”选项,此时屏幕上回出现这样一个对话框,前端学习之路2

图中用红色箭头标注的地方是需要我们进行操作的地方,图中一种有四个箭头,而我们需要修改其中的三个地方,首先,在图中标识为“文件名”的地方,将文件名进行替换,我们通常情况下,将其修改为英文名称,本例中,使用“htmlStudy.html”作为文件名称,在这里需要注意一点,对文件进行命名时,是有两部分组成的,一是文件名,也就是“htmlStudy”,而是文件的格式(即文件类型),需要改为“.html”(点HTML,这上面是有一个句号的,但是需要使用英文的“.”而不是中文的“。”),其次就是“保存类型上”,需要将原来的“文本文档(“.txt”)”更改为“所有文件格式”,第三步就是需要对文件的编码格式进行修改,使用“utf-8”,最后点击保存,便完成了。

前端学习之路2

单击保存之后,我们回到桌面上,找到我们之前创建的名为“htmlStudy”的文件,如果该文件已变成这样,前端学习之路2那么恭喜你你已经将一个普通的文本变成一个超文本啦,这个时候我们可以打开这个文件,电脑上默认的浏览器,将会自动加载该文件,此时出现在浏览器中的内容,将会是这个样子,前端学习之路2完成这一步之后,我们就要对这个超文本就行标记了,让它变得具有实际意义。

现在,我们正式开始超文本标记标记之旅,但是在开始之前,我们还是需要完成一些,正所谓,“工欲善其事必先利其器”,为了达到事半功倍的目的,我要需要先找到一个开发利器,首先,我们需要一个浏览器(Chrome、IE、firefox等等),然后我们需要一个文本编辑工具(Sublime、Dreamweaver等)。

接下来,我们正式开始进入今天的主题,现在我们正式介绍一下,用于标记超文本的标识符,这个标识符在标记语言当中,被称之为标签,就像是这样的东西<h1>,这种由一对尖括号包裹的东西,便是标签,在HTML中,所有的标签都是定义好的,有自己的一套标签库,我们只能使用标签库中已经定义好的标签,而不能自行凭空创造。

我们使用一个个标签,对文本中的内容进行标记,就像是这样<h1>aaaa<h1/>,当我们使用标签完成了对文本内容标记后,我们就将标签和内容这个整体“<h1>aaaa<h1/>”称之为元素,而正是元素的存在,构成了整个HTML页面的整体结构。

那么下节课,我将带领大家深入学习HTML中文档的结构,以及元素、属性、和语法等相关知识。

 

相关文章:

  • 2022-01-14
  • 2021-10-16
  • 2021-07-15
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-05
猜你喜欢
  • 2021-12-30
  • 2021-11-05
  • 2021-09-23
  • 2021-06-16
相关资源
相似解决方案