檢視 HTML代码的原始碼

{| class="wikitable" align="right"
|-
| style="background: #FFB6C1" align= center|  '''<big>HTML代码</big> '''
|-
|[[File:HTML.jpg|缩略图|居中|[https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=HTML代码&step_word=&hs=0&pn=12&spn=0&di=60390&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=2192210886%2C4026237800&os=2699856845%2C942689661&simid=3586226738%2C471081067&adpicid=0&lpn=0&ln=1288&fr=&fmq=1584097622717_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&oriquery=&objurl=http%3A%2F%2Fimg.mukewang.com%2F5c27aab90001a87710800686.png&gsm=1e&rpstart=0&rpnum=0&islist=&querylist=&force=undefined 原图链接][http://www.imooc.com/article/details/id/270534 来自慕课网的图片]]]
|-
| style="background: #CDCDCD" align= center|  
|-
| align= light|
'''中文名'''：超文本标记语言

'''外文名'''： Hyper Text Markup Language

'''类    型'''：标记语言

'''其它称呼'''： 超文本链接标记语言

'''外语缩写'''： HTML

'''阅读方式'''： 网页浏览器
|}

'''HTML代码'''：[[超文本标记语言]]（标准通用标记语言下的一个应用，外语缩写HTML），是迄今为止网络上应用最为广泛的语言，也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、[[动画]]、声音、表格、[[链接]]等。

HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述[[浏览器]]所需的信息，而主体则包含所要说明的具体内容。<ref>[https://www.w3school.com.cn/tags/html_ref_language_codes.asp  HTML 语言代码参考手册], W3school</ref>
==定义==
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

==来源==
HTML的英文全称是 Hypertext Marked Language，即超文本标记语言。

HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。

用HTML编写的超文本文档称为HTML文档，它能独立于各种[[操作系统]]平台(如UNIX， Windows等)。

使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。

HTML是一种建立网页文件的语言，通过标记式的[[指令]](Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。

事实上，每一个HTML文档都是一种[[静态的网页]]文件，这个文件里面包含了HTML指令代码，这些[[指令代码]]并不是一种[[程序语言]]，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。

HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。

HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。

==特点==
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是[[万维网]]（WWW）盛行的原因之一，其主要特点如下： 

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。<ref>[https://www.cnblogs.com/king-govern/p/8178560.html HTML标签及特点], 博客园，2018年1月3日</ref>

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
==编辑方法==

HTML其实是文本，它需要浏览器的解释，它的编辑器大体可以分为以下几种：<ref>[https://blog.csdn.net/grhdcn/article/details/80067157  HTML 代码编写技巧], CSDN博客，2018年4月24日</ref>

基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用[[WPS]]来编写，也可以。不过存盘时请使用.htm或.html作为[[扩展名]]，这样就方便浏览器认出直接解释执行了。

半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text2收费但可以无限期试用）。

所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）；FRONTPAGE（出品单位：[[微软]]）；Dreamweaver（出品单位Adobe）。

Microsoft Visual Studio（出品公司：微软）：其中所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。

===字符集===
在网页中除了可显示常见的美国信息交换标准代码（外语缩写：[[ASCII]]）字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML字符集。

有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。

HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。

字符代码以“&”符开始，以分号";"结束，其间是字符名，如&reg;。

数字代码也以“&#”符开始，以分号";"结束，其间是编号，如®。  
===数据类型===
超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括[[ID]]、名称、[[URI]]、数字、长度单位、语言、[[媒体]]描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。 
==结构==
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。<ref>[http://www.divcss5.com/html/h2.shtml  HTML网页结构-HTML基础结构], DIVCSS5</ref>

标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。 

标记符<html>，说明该文件是用超文本标记语言（本标签的中文全称）来描述的，它是文件的开头;而</html>，则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。

===头部内容===
标记符< html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。

<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。

以下表格列出了 HTML head 元素：
{| class="wikitable"
|-
! 标签 !!描述
|-
|<head>||定义了文档的信息
|-
|<title>||定义了文档的标题
|-
|<base>||定义了页面链接标签的默认链接地址
|-
|<link>||定义了一个文档和外部资源之间的关系
|-
|<meta>||定义了HTML文档中的元数据
|-
|<script>||定义了客户端的脚本文件
|-
|<style>||定义了HTML文档的样式文件
|}
===主体内容===
<body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

示例：

<!DOCTYPEhtml><html lang="en"><head><metacharset="UTF-8"><title>Title</title>

</head>

<body>

</body>

</html>

==相关要求==
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。 

文本标记语言源程序的文件扩展名默认使用htm（[[磁盘]][[操作系统]][[DOS]]限制的外语缩写为扩展名）或html（外语缩写为扩展名），以便于操作系统或程序辨认，除自定义的汉字扩展名。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。

超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成
一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号（实体符）“&nbsp（注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及[[路径]]描述可用双引号也可不用引号括起。

标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“&nbsp（注意此字母必须小写，方可空格）”；许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。

标记符号，包括尖括号、标记元素、[[属性]]项等必须使用半角的西文字符，而不能使用全角字符。

HTML注释由"<!--"号开始，由符号”-->“结束结束，例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。
<ref>[https://www.jianshu.com/p/9e360ed508ca  HTML代码规范], 简书，2019.05.24</ref>
==视频==
<center>
{{#iDisplay:155f9aw4jmhsspr|640|370|qq}}

<big>web前端开发 html基础入门视频教程 </big>

{{#iDisplay:p0888axbguh|640|370|qq}}

<big>html基础入门视频教程120分钟搭建一个网站</big>
</center>
==参考资料==
{{Reflist}}
[[Category:  550 經濟學總論 ]]