初识HTML

最新推荐文章于 2023-03-27 16:11:06 发布

weixin_30883271

最新推荐文章于 2023-03-27 16:11:06 发布

阅读量83

点赞数

原文链接：http://www.cnblogs.com/iyunpeng/p/7542396.html

版权

HTML简介

HTML：HyperText Markup Language（超文本标记语言），“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

一个标准的HTML5页面结构如下所示：

1 <!DOCTYPE html>
2 <html>
3     <head>
4         <meta charset="UTF-8">
5         <title></title>
6     </head>
7     <body>
8     </body>
9 </html>

注意事项：

1、为了说明文档使用的超文本标记语言标准，所有超文本标记语言文档应该以“文件类型声明”（外语全称加缩写<!DOCTYPE>）开头，引用一个文件类型描述或者必要情况下自定义一个文件类型描述。如：<!DOCTYPE html>声明一个文件为HTML类型。HTML 5由于没定义一个文档类型定义（外语缩写：DTD），只包含根元素的它所以如此简单。

2、<html>标签的页面的根元素，有且只能有一个<html>标签，其余所有的标签都放在<html>标签内部。

3、<html>标记包含“头（head）”和“主体<body>”；head包含页面的标题、序言、说明等内容，它本身不作为内容来显示；网页中显示的实际内容均包含在<body>标记之间。

　　下面的表格列出了HTML head元素：

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

HTML相关要求

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

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

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

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

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

5、HTML注释由"“结束结束，例如。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。

HTML常见标签元素

<html></html>：创建一个超文本标记语言文档

<head></head>：（头）设置文档标题和其它在网页中不显示的信息

<title></title>：设置文档的标题

<meta />：定义文档的元信息，如页面描述、关键字、字符集等

<link />：定义一个链接和源之间的相互关系

<style></style>：样式语句标签

<script></script>：脚本语句标签

<body></body>：文档体，文档的可见部分

<a><a>：超链接标签