1.HTML超文本标签语言:
超文本标记语言(HyperTextMarkupLanguage),标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言(markup language),是网页制作所必备的。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
HTML超文本编程语言定义:超文本标记语言是标准通用标记语言下的一个应用,也是个一种规范,一种标准。它通用标记符号来标记要显示的网页中的各部分。
网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
浏览器按顺序阅读网页文件,然后根据标记来解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记可能会有不完全相同的解释,因而可能会有不同的显示效果。
1(1).什么是HTML标签?
学习网页开发,首先你得知道怎么编写和构造HTML标记,用HTML标记传达你想要给用户展示的内容,比如文字、图片、音频和视频等。用HTML标记内容的目的是为了赋予网页语义,换句话讲就是要给你的网页赋予某些用户代理能够理解的含义。我们平常用的浏览器、给视障用户朗读网页的屏幕阅读器,他们需要显示和分析网页。HTML规定了一组标签,用来给内容打上不用的标记。每个标签都是对它所包含内容的一种描述。
1(2).闭合标签与自闭标签
2.1闭合标签:(ps:一般情况文本显示用闭合标签)
闭合标签基本格式如下:
<标签名>文本内容</标签名>
可以给这个标签添加一些属性,例如:
<标签名 属性_1=“属性值”属性_2=“属性值”>文本内容</标签名>
标题、段落等文本元素都要求闭合标签,也就是一个开始标签和一个结束标签,例如:
- <h1>hello world</h1><!--标题标签-->
- <p id="txtp">this is a paragraph</p><!--段落标签-->
- <!--这里的id为段落标签p的属性,txtp为id属性的属性值-->
重点:闭合标签都是成对出现的
在浏览器中查看显示内容,如图4.2.3-1所示:
图4.2.3-1
2.2 自闭和标签(ps:一般引用内容用自闭合标签)
自闭和标签基本格式如下:
<标签名 属性_1=“属性值”属性_n=“属性值”/>
非文本内容是通过自闭和标签显示的,闭合标签与子闭合标签的区别在于闭合标签包含的是会显示的实际内容,而自闭和标签只是给浏览器提供一个要显示内容的引用。浏览器会在页面加载的时候,额外向服务器发送请求,以取得自闭和标签引用的内容。
下面给出自闭和标签的事例,显示内容如图 4.2.3-2所示:
- <img src="images/mycat.jpg" alt="这是一个猫咪的图片">
- <!--img标签为图片标签 用于在浏览器中显示图片 属性src(source 来源) "images/mycat.jpg"为src的属性值 这里是图片文件的路径 alt(alternative 代替内容)定义的是图片因某种原因下未能成功
图4.2.3-2