什么是HTML？一文让你理解HTML的含义

TML的英语意思是：HypertextMarkupLanguage，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。接下来将带领读者从语言、超文本、标记三部分进行理解HTML。下面和千锋广州小编一起来看看吧！

1.语言

HTML一种编程语言，有指定的语法规则。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。协议的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作WWW(是WorldWideWeb的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器HTTP显示出效果。

2.超文本

所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。

HTML的普遍应用就是通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示：

通过HTML可以通过图片格式和文字格式的设计实现出丰富多彩的风格：

文字

通过HTML可以实现页面之间的跳转：

通过HTML可以展现多媒体的效果：

从上面我们可以看到HTML超文本文件时需要用到的一些标签。

3.标记

对于刚刚接触超文本的读者，可能不能理解一些用“<”和“>”括起来的句子，它们称为标记，也称标签，是用来划分网页的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。

在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。如、等。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字属性>”来表示。标签分为单标签和双标签两大类，具体介绍如下：

单标签指的是只存在一个标签的写法，如、等。

双标签指的是存在一对标签的写法，如、等。注意在双标签中第一个标签叫做起始标签，第二个标签叫做结束标签，结束标签需要在左尖括号后添加一个关闭符“/”。

HTML只是一个纯文本文件。创建一个HTML文档，需要HTML编辑器和WEB浏览器两个工具。HTML编辑器是用于生成和保存HTML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。

英国《太阳报》报道，菲律宾一位网页设计师为了向自己的职业致敬，给自己的儿子取名为“Hypertext Mark-up Language（超文本标记语言）”。这位叫做Mac Pascual的父亲表示，给新生儿取个独一无二的名字是他们家族的传统。他对自己的工作充满热情，决定给自己的宝宝取名为HTML。据媒体报道，这个宝宝出生在当地的布拉坎医疗集团合作医院，体重2.25公斤。

6月10日，HTML的姑姑Salie Rayo Pascual拍下了这个可爱侄子的照片，并把照片发布到了Facebook上，标题是“HTML，欢迎来到这个世界”。这篇帖子很快引起了网友们的关注，大家纷纷评论并转发了这个帖子。不过，还是有一些社交媒体用户对这个奇特的名字进行了一番嘲笑，并嘲讽般地建议他给未来的孩子用一些其他的编码缩写来当名字，比如“Results-based management system”、“JavaScript”，或者是“Cascading Style Sheets（CSS）”。还有人对宝宝的名字表示了担忧评论道：“将来，他可能会成为被欺负和被嘲笑的对象。”

HTML的爸爸解释说，他自己的名字“Mac”就是“Macaroni'85”的缩写，而他姐姐的名字是“Spaghetti'88（意大利面）”的缩写。他的姐姐有两个孩子，分别叫“Cheese Pimiento（辣椒奶酪）”和“Parmesan Cheese（帕尔玛奶酪）”，所以他们的小名分别是“Chippy”和“Peewee”。HTML和其他名字不同寻常的婴儿一样，从出生起就成为了人们讨论的话题。特斯拉的首席执行官Elon Musk和Claire Boucher（Grimes）就给自己的儿子取名为“X ? A-12 Musk”，因而上了新闻头条。今年早些时候，模特兼女演员Emily Ratajkowski 通过社交媒体宣布，她将给自己刚出生的宝宝取名为“Sylvester Apollo Bear”。（中国青年网编译报道）

来源：中国青年网

个人编写HTML使用的软件是dreamweaver，这个软件的话，正版是要购买的，一开始学习HTML就是用的这个软件了，挺好用的，而且代码提示特别方便，不用担心太多的标签和属性记劳~

1.什么是HTML？

HTML 是用来描述网页的一种语言，指的是超文本标记语言: HyperText Markup Language；
HTML 不是一种编程语言，而是一种标记语言；
HTML文档也叫做 web 页面；

2.HTML基本结构

<!DOCTYPE html>：文档声明；
<html>：HTML 页面的根元素；
<head>：用于定义文档的头部，是所有头部元素的容器；
<meta>：提供有关页面的元信息，位于文档的头部，不包含任何内容；
<title>：文档的标题；
<body>：定义文档的主体，包含文档的所有内容；

3.HTML标签使用？

HTML 标签是由尖括号包围的关键词，且通常是成对出现的如<a></a>，当然也有单个的，只不过比较少如<hr>；
标签对中的第一个标签表示开始标签，第二个标签表示结束标签；

4.HTML常用标签介绍

除了HTML基本结构的几个标签以外，HTML还有一些比较常用的基本标签；

（1）文本标签：

h1-h6：用于定义标题，h1为最大标题，h6为最小标题；
p：定义段落；
span：组合文档中的行内元素；
br：换行；
hr：水平线；
strong/b：加粗文字；
em/i：斜体；
u：下划线；
s：删除线；
pre：定义预格式化的文本，保持原有格式；
sub：下标；
sup：上标；
blockquote：块引用；

（2）布局标签：

div：定义文档中的分区或节，把文档分割为独立的、不同的部分；
header：定义页面的头部；
aside：用作文章的侧栏；
section：定义文档中的节；
footer：定义文档或节的页脚，通常包含文档的作者、版权信息、使用条款链接、联系信息等；
article：规定文章独立的其他内容，如标题、内容、评论；

（3）多媒体标签：

img：用于在网页中插入图像；
audio：定义声音，比如音乐或其他音频流；
video：定义视频，比如电影片段或其他视频流；

（4）超链接标签：

a：定义超链接，指定页面间的跳转；

（5）序列化标签：

ul：定义无序列表；
ol：定义有序列表；
li：定义列表项目，可用在无序列表ul和有序列表ol中；
dl：定义了定义列表；
dt：定义了定义列表中的项目（即术语部分）；
dd：在定义列表中定义条目的定义部分；

（6）表格标签：

table：定义 HTML 表格；
tr：定义表格的行；
td：定义表格的单元；
th：定义表头；
caption：定义表格标题；
col：为表格中一个或多个列定义属性值；
colgroup：用于对表格中的列进行组合，以便对其进行格式化；
thead：定义表格的表头；
tbody：表格主体，也就是正文部分；
tfoot：定义表格的页脚（脚注或表注）；

（7）表单标签：

form：用于为用户输入创建 HTML 表单；
input：用于搜集用户信息；
button：定义一个按钮；
select：创建单选或多选菜单；
option：定义下拉列表中的一个选项；
textarea：定义多行的文本输入控件；
label：为 input 元素定义标注（标记）；
fieldset：用于将表单内的相关元素分组；
legend：为 fieldset 元素定义标题；

5.HTML注意事项

HTML文件当以后缀名为 .html 或 .htm 来命名；
HTML标签和属性是不区分大小写的，建议HTML标签和属性都小写，属性值必须用双引号包围；
HTML标签都是以开始标签起始，以结束标签终止；
HTML标签之间尽量缩进与换行，每行代码不要过长，方便阅读和维护；
HTML标签使用必须符合标签嵌套规则，如禁止a标签嵌套a标签，p标签嵌套div标签等；
建议不使用HTML已经废弃的或者不赞成使用的标签，少使用table布局、iframe框架嵌套以及flash播放器；

在线咨询

上一篇：大牛级css程序员纯css制作七彩圆环旋转幻影特效
下一篇：教你六招，轻松搞定网页文本禁止复制的限制

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。