一.HTML(Hyper Text Markup Language超文本标记语言)是一种用来制作超文本文档的简单标记语言，HTML在正文的文本中编写各种标记，通过Web浏览器进行编译和运行才干正确显示。此篇文章主要介绍HTML文档基础和经常使用标记，此篇文章的内容框架例如以下，可是仅仅先介绍HTML文档基础：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="width:485px; height:309px">

上图在HTML文档的经常使用标记中。少画了一个多媒体标记，请见谅！

1.HTML文档基础：

1.1 HTML标记：HTML是超文本标记语言。

主要由文本和标记两部分构成。HTML的标记一般是由“<”、“>”以及当中所包括的标记元素组成的。

比如：<body></body>就是一对标记。此标记称为主体标记，用来指明文档中的主体内容。

(1).在HTML超文本标记语言中。大多数标记都是成对出现的。通常是由一个開始标记和一个结束标记组成的，当中開始标记告诉Web浏览器从此处開始运行该标记所表示的功能，而结束标记告诉Web浏览器在这里结束该功能。这类标记称为“双标记”，其语法格式例如以下：

<标记>内容</标记>

当中“内容”部分就是要被这对标记起作用的部分。比如在页面中输出y的平方。能够通过<sup></sup>标记来实现。

(2).接着附上一个“双标记”的样例。启动Dreamweaver CS5工具，也能够用其他编写网页的工具。在创建新项目中选择HTML，在“代码”窗体中编写例如以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>输出y的平方</title>

</head>

<body>

输出y的平方：y<sup>2</sup>

</body>

</html>

接着新建一个网站，点击工具栏的网站，然后这样选择：



然后将这个网页保存到这个网站里，名字改为sup.html。执行效果例如以下：

(3).尽管在HTML超文本标记语言中。大多数的标记为“双标记”，可是也有一些是以单独形式存在的标记，此类标记称为“单标记”。这类标记仅仅需单独使用就能完整地表达其意思，语法格式为：<标记>

在HTML超文本标记语言中。最经常使用的“单标记”是<br>，此标记为换行标记。事实上写成<br/>也能够达到换行的效果。

(4).接下来附上一个“单标记”的样例，通常在页面中用一行显示一段文字，因为此行文字太长显得页面非常不美观，此时能够使用单标记<br>将此段文字分为两行显示。代码例如以下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>单标记</title>

</head>

<body>

梦想遥不可及。可是不可放弃<br>仅仅要再坚持一下。成功的路就在脚下！

</body>

</html>

然后依然保存到那个JavaScript网站下，改为br.html，执行后例如以下：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast">

(5).在使用大多数单标记和双标记的開始标记内通常能够包括一些属性。其语法格式为：<标记 属性1 属性2 属性3...>

在上面的语法中，全部属性必须在開始标记的尖括号“<”中编写，各属性之间用空格分隔，无先后次序之分。属性也能够省略(即取其默认值)。

属性值须要使用英文半角双引號("")标注。

(6).接下来附上一个标记中带属性的样例，使用单标记<HR>在页面中画一条水平线，并设置其size属性、noshade属性、width属性和color属性，代码例如以下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>绘制一条水平线</title>

</head>

<body>

<hr size="6" noshade="noshade" width="70%" color="#CCFF55">

</body>

</html>

当中代码中的size属性表示水平线的粗细。noshade属性表示将水平线的阴影去掉。水平线默觉得空心带阴影的立体效果，width属性表示水平线的宽度，color属性表示水平线的颜色。

保存此文件到网站上，文件名称改为br.html。执行效果例如以下：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast">

1.2 HTML文档的基本结构：使用HTML语言编写的超文本文件称为HTML文件。

能够在Windows下的文本编辑器中手工直接编写HTML文件，也能够使用FrontPage、Dreamweaver等可视化编辑软件编写HTML文档。

(1).在HTML超文本标记语言中。定义了3种标记用于描写叙述页面的基本结构。HTML中的基本结构例如以下：

<html>

<head>

...头部信息

<body>

...主体内容

</body>

</head>

</html>

(2).以下具体介绍各种标记的功能及使用方法：

— <html>...</html>标记：HTML文档中的第一个标记，该标记用于表示该文档是HTML文档。当浏览器遇到<html>标记时，就会按HTML的标准来解释文本。

结束标记</html>出如今HTML文档的尾部。

— <head>...</head>标记：此标记出如今<html>标记内起始的部分，此标记称为头部标记。

头部标记用于提供与Web页面有关的各种信息。在头部标记中，能够使用<meta>标记模拟HTTP协议的响应头报文，用于鉴别作者、标注内容提要和keyword、设定页面字符集、刷新页面等，在HTML头部能够包含随意数量的<meta>标记；使用<title>...</title>标记来指定网页的标题；使用<style>...</style>标记来定义CSS样式表；使用<script>...</script>标记来插入脚本语言等。

一般来说，位于头部标记中的内容都不会在网页上直接显示。

— <body>...</body>标记：此标记称为主体标记，在头部标记</head>之后。它定义了HTML文件显示的主要内容和显示格式。

作为网页的主体部分，此标记有非常多内置属性，这些属性用于设定网页的整体风格。比如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等。

(3).接下来附上一个使用<font>...</font>标记的样例，<font>标记应用于HTML文件的主体标记<body>与</body>之间，而且仅仅影响它所标识的文字。

这里样例通过<font>标记的face属性定义字体为“黑体”，通过size属性定义大小为“16px”，通过color定义颜色为蓝色，代码例如以下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>定义文字字体</title>

</head>

<body>

应用&lt;font&gt;标记来定义文字字体：

<br>

<font face="黑体,宋体" size="16px" color="#3399FF">蓝色的天空下。让我们一起飞翔。</font>

</body>

</html>

保存此文件为font.html到网站下。执行后例如以下：





这个样例中，使用了&lt;和&gt;来输出"<"和">"这些符号。即在HTML中为一些特殊的字符设置了特殊的代码。字符的实体名称都以一个“&”符号開始，以一个“;”符号结束。在这个样例代码中，，特殊符号“<”用&lt;标记表示。特殊符号“>”用&gt;标记表示。

当中还有非常多特殊的代码。如&nbsp;代表空格，&quot;代表英文半角的""双引號等等。

二.此篇文章介绍了HTML文档的基础，HTML文档的经常使用标记下次再介绍了，以上内容仅供大家学习參考，写得不好，请见谅，如有错误。请指出，谢谢。

HTML文档的经常使用标记介绍可看这篇文章：http://blog.csdn.net/u012561176/article/details/46956033，里面包括了这篇文章的代码的下载地址。




HTML文档基础的更多相关文章

  1. Excelize 发布 2.6.0 版本，功能强大的 Excel 文档基础库

    Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可以使用它来读取.写入由 Microsoft Exc ...

  2. Excelize 2.3.2 发布，Go 语言 Excel 文档基础库，2021 年首个更新

    Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可以使用它来读取.写入由 Microsoft Exc ...

  3. Excelize 2.3.1 发布，Go 语言 Excel 文档基础库，支持加密表格文档

    Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可以使用它来读取.写入由 Microsoft Exc ...

  4. Excelize 发布 2.3.0 版本, Go 语言 Excel 文档基础库

    Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可以使用它来读取.写入由 Microsoft Exc ...

  5. Excelize 发布 2.2.0 版本, Go 语言 Excel 文档基础库

    Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可以使用它来读取.写入由 Microsoft Exc ...

  6. Mongoose学习参考文档——基础篇

    Mongoose学习参考文档 前言:本学习参考文档仅供参考,如有问题,师请雅正 一.快速通道 1.1 名词解释 Schema : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Model ...

  7. C#操作XML文档---基础

    增查改删代码如下 public void CreateXML() { XmlDocument xml = new XmlDocument(); xml.AppendChild(xml.CreateXm ...

  8. XWPFDocument创建和读取Office Word文档基础篇（一）

    注:有不正确的地方还望大神能够指出,抱拳了 老铁!   参考API:http://poi.apache.org/apidocs/org/apache/poi/xwpf/usermodel/XWPFDo ...

  9. Ehcache 3.7文档—基础篇—XML Configuration

    你可以使用xml配置创建CacheManager,根据这个schema definition ( http://www.ehcache.org/documentation/3.7/xsds.html# ...

随机推荐

  1. [ BZOJ 3445 ] Roadblock

    \(\\\) \(Description\) 给出一张\(N\) 个点\(M\)条边的无向图,选择一条边使其权值翻倍,求操作后比操作前最短路长度增量最大值. \(1\le N\le 250\),\(1 ...

  2. 从如何停掉 Promise 链说起

    在使用Promise处理一些复杂逻辑的过程中,我们有时候会想要在发生某种错误后就停止执行Promise链后面所有的代码. 然而Promise本身并没有提供这样的功能,一个操作,要么成功,要么失败,要么 ...

  3. win7 硬盘安装suse双系统启动顺序更改

    使用win7硬盘安装suse双系统之后,首先面临的问题是,PC默认启动的系统更改的问题,有些人可能想默认启动是win7,只有在使用linux的时候在去选择suse系统,这里我告诉大家更改的办法: 首先 ...

  4. 【SQLite】select into 语句

    sqlite不支持类似sqlserver中的select into 语法 在SQL Server中,我们要将一个表中的数据复制到一个新表中,可以这样写: SELECT * INTO newtable ...

  5. CaffeMFC：caffe.pb.h(2525): error C2059: syntax error : 'constant'

    下边的语句会报 syntax error : 'constant'. static const DimCheckMode STRICT = V1LayerParameter_DimCheckMode_ ...

  6. JavaScript的基础数据类型和表达式

    Java Script的基础数据类型和表达式 基本的数据类型: number(数值)类型:可分为整数和浮点数 string(字符)类型:是用单引号“'”或者双引号“"”来说明的. boole ...

  7. Codeforces Round #468 Div. 2题解

    A. Friends Meeting time limit per test 1 second memory limit per test 256 megabytes input standard i ...

  8. C语言考试

    1.如何定义一个占用空间为0的变量 2.c++如何在指定内存区域创建对象 3.gcc动态库如何调用宿主执行文件的函数,阐述动态链接库的两种加载方式 4.static有什么用处 5.阐述do{...}w ...

  9. 【模板】dijkstra

    洛谷 4779 #include<cstdio> #include<cstring> #include<algorithm> #include<queue&g ...

  10. SGC强制最低128位加密，公钥支持ECC加密算法的SSL证书

      Pro SSL证书,验证企业域名所有权和企业身份信息,采用SGC(服务器门控)技术强制128位以上至256位加密,属于企业OV验证级专业版(Pro) SSL证书:即使用户使用低版本浏览器(比如浏览 ...