点击下方百家号视频链接,观看视频内容
「前端基础课程」2.2HTML标签什么是HTML标签?是Web文档中使用的一种超文本编码语言,它是文本文件的结构引用语言。它包含在文件中的代码,通过HTML标记,可以定义Web页面的内容和结构。
既然HTML标签是如此的重要,那么接下来,就让我给大家讲讲这里有什么重要的标签,让把大家都装进HTML的“包里面”!
首先,我们就从最基本的标签开始,毕竟它是作为HTML文档的“开门红”。这个标签字面意思是明确指出文档所使用的语言是HTML,也表示这是一个完整的HTML文档。
接着,想要定义Web文档标题、网页关键字描述,我们就需要标签,它会来定义包括标题、关键字、脚本等一系列文档头部相关的元素,但是标签里面并不能显示任何内容,只能用来定义一些内容相关的信息。
然后,要想定义文档的主体部分,让浏览器知道该把哪一部分内容显示出来,就要用到标签。这个标签会把除标签外扩展到其它标签,以规定网页主体部分,比如文字、图片等内容。
那今天让我们先举几个例子,就会出现越来越有趣的内容比如这个a标签。中文它叫作“锚”,表示“之间的联系”,字面意思“起点——终点”,可以连接Web文档中的文本、图片或跳转到其它Web文档,看是不是可以连成一个网状结构,实际上就是一种超链接。
在一个img这个标签,它表示“image”,字面意思就是“图片”,它会用来定义文件中的图片,包括图片的路径位置、图片的大小以及图片的格式,当然,你也可以用它来装逼呢!
然后在讲下ul为什么叫作“无序列表”呢?这个标签就像是英文里面的“definitearticle(限定词)”,其实就是“无序”的意思。它用来定义文档里面的列表,只是里面的每一项并没有定义排列顺序,可以是数字列表、字母列表或类似圆点标记。当然,我们刚才说的这些标签只是HTML标签的一小部分,但它们基本上是HTML编写的基础,但这也是个好消息,因为我们可以很容易地开始学习HTML,只需熟悉这些常见的标签就能够熟练掌握HTML的编码,接着就可以通过搭配CSS,实现漂亮的网页了。
希望今天的讲解不仅增加了大家对HTML究竟有多可爱的认识,更希望大家能很快地把它们变得“拿手”。今天就到这里,希望大家能很快地把它们变得”拿手“,一起共同进步