HTML的变量和运用

html 是超文本标记语言

“ 超文本 ”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

特点：

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用 MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（ WWW）盛行的另一个原因。
通用性：另外， HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

HTML 分为头部和实体两大部分：

头部（HEAD）的元素

主体内容

< body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

语言元素

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

（头）设置文档标题和其它在网页中不显示的信息，比如direction方向、语言代码Language Code（见实体定义!ENTITY % i18n）、指定字典中的元信息、等等。

文档中不能被该站点辨识的其它所有链接源的 URL（统一资源定位器）

<LINK> 定义一个链接和源之间的相互关系，比如引用一个层叠样式表（英文缩写： css）、做一个链接到一个脚本、为某文件做一个链接（可打印的版本）、文档特定的工具栏/菜单。

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

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

当然，如果不使用以上基本框架结构，而直接使用在实体部分中出现的标记符，在浏览器下也可以解释执行。

内容描述

<h1></h1> 最大的标题（一号标题）

<pre></pre> 预先格式化文本（英文全称： PRE formatted）

<u></u> 下划线（英文全称：Underline）

黑体字（英文全称：Bold）

<i></i> 斜体字（英文全称：Italics）

打字机风格的字体

<cite></cite>引用，通常是斜体

<em></em> 强调文本（通常是斜体加黑体、英文全称： EM phasize）

<strong></strong> 加重文本（通常是斜体加黑体）

<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或 RGB（中文全称：红绿蓝）的十六进制值

<BASEFONT></BASEFONT>基准字体标记

<big></big> 字体加大

<SMALL></SMALL> 字体缩小

<DELECT></DELECT> 加删除线

<CODE></CODE>程式码

< KBD></KBD>键盘字（英文全称： K ey B oar D）

<SAMP></SAMP> 范例（英文全称： SAMPle）

<VAR></VAR> 变量（英文全称：VARiable）

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排（向右缩进、块引用）

述语定义（英文全称：DeFiNe）

<ADDRESS></ADDRESS>地址标记

<sup></SUP> 上标字（英文全称：SUPerscript）

<SUB></SUB> 下标字（英文全称：SUBscript）

<xmp>...</xmp>；固定宽度字体（在文件中空白、换行、定位功能有效）

...</plaintext>；固定宽度字体（不执行<a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=10282987&ss_c=ssc.citiao.link">标记符号</a>） </plaintext></p><p> <listing>...</listing> 固定宽度小字体 </p><p> <font color=00ff00>...</font>；字体颜色 </p><p> <font size=1>...</font>；字体大小等于1（最小）。 </p><p> <font style ='font-size:100 px'>...</font>；字体样式等于无限增大（100像素） </p>

标志标签

<p></p> 创建一个段落（英文全称： P aragraphs）

<p align=""> 将段落按左、中、右对齐

<br/>定义新行

<blockquote></blockquote> 从两边缩进文本

<dl></dl> 定义列表（英文全称： D efinition L ist）

<dt> 放在每个定义术语词前（定义术语、英文全称：D efinitionT erm）

<dd> 放在每个定义之前（定义说明、英文全称：D efinitionD escription）

创建一个标有序的列表，默认前面有数字，从数字“1”开始计数，依次叠加，也可以设置为字母或从任何自然数开始计数的列表项（有序列表、外语全称：O rderedL ist）

<ul></ul> 创建一个无序的列表，默认前面标有圆点，也可以自己设置为none或者其他形状，如空心圆、方块等。（无序列表、外语全称：U norderedL ists）

<li> 放在每个列表项之前，若在<ol></ol>；之间则每个列表项加上一个数字，

若在<ul></ul>；之间则每个列表项加上一个圆点

<div align=""></div> 用来排版大块HTML段落，也用于格式化表

<MENU> 选项清单

<DIR> 目录清单

<nobr></nobr> 强行不换行（英文全称：nobr eaking）

<hr size='9' width='80%' color='ff0000'>；水平线（设定宽度、外语全称：horizontalrule）

<center></center> 水平居中

表格标签

由于表格可以精确控制文本和图像在网页中的显示位置，所以在很多网站的主页中一般都使用表格来进行布局。

　　表格的基本结构如下：

　　<Table>定义整个表格，即表格的内容要放在<Table>和</Table>标记中；在<Table>中的主要属性：border属性显示表格的边框，width, height属性定义表格的大小。<caption>标记符用来定义表格的标题。

　　表格的表示以行为单位，在行中包含列。其中：一个<tr>...</tr>标记表示一行；一个<td>...</td>标记表示一列；<th>... </th>定义表头，一般可以不用。

链接标志

：创建超文本链接。

：创建位于文档内部的书签。

：创建指向位于文档内部书签的链接。

使用

每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

BGCOLOR（外语全称：BackgroundColor）用于定义网页的 背景色， BACKGROUND用于定义网页背景图案的图像文件

TEXT用于定义正文字符的颜色，默认为黑色

LINK用于定义网页中超级链接字符的颜色，默认为蓝色

VLINK（外语全称：V isitedLINK）用于定义网页中已被 访问过的超接链接字符的颜色，默认为紫红色

ALINK（中文全称：活动链接）用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色

例如：标记将定义页面的背景色为黑色，正文字体显示为白色。

以上属性使用中，需要对颜色进行说明，在HTML中对颜色可使用3种方法说明颜色属性值，即直接颜色名称、16进制颜色代码、10进制 RGB码。

直接颜色名称，可以在代码中直接写出颜色的英文名称。如<font color="red">我们</font>，在浏览器上显示时就为红色。

16进制颜色代码，语法格式： #RRGGBB 。16进制颜色代码之前必须有一个“#”号，这种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。不同的取值代表不同的颜色，他们的取值范围是00--FF。如<font color="#FF0000">我们</font>，在浏览器上显示同样为红色。

10进制 RGB码，语法格式： RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别是红色、绿色、蓝色，他们的取值范围是0--255。以上两种表达方式可以相互转换，标准是16进制与10进制的相互转换。如<font color="rgb(255,0,0)">我们</font>，在浏览器上显示字体为红色。

使用图案代替背景颜色，可以使页面更生动、美观。

如今用一张大图当做网页的背景已经成为一种流行趋势，高质量的精美照片和抽象的设计图片能够给网站的外观带去深刻的影响。

可将图像文件“图像.gif”所表示的一幅图像作为页面的背景，若图像幅面不够大，将会将图像重复平铺在窗口中。

注释

其他版本

和 XHTML之间的差异：

xmlns 属性在 XHTML中是必需的，但在 HTML中不是。不过，即使 XHTML文档中的没有使用此属性，W3C 的验证器也不会报错。这是因为 "xmlns= 百度" 是一个固定值，即使您没有包含它，此值也会被添加到标签中。

主体内容

语言元素

标志标签

表格标签

链接标志

猜你喜欢