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