HTTP语言
2015-05-30 21:14
357 查看
http://www.enet.com.cn/eschool/zhuanti/easyhtml/5/index.htm
常用HTML代码解释
一、文字
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font
size=#>..........</font> #=1~7;数字愈大字也愈大
【2】指定字型 <font
face="字体名称">..........</font>
【3】文字颜色 <font
color=#rrggbb>..........</font>
rr:表红色(red)色码
gg:表绿色(green)色码
bb:表蓝色(blue)色码
rrggbb也可用6位颜色代码数字
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行(也称回车) <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p
align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr
size=点数>
【2】分隔线的宽度 <hr
size=点数或百分比>
【3】分隔线对齐方向 <hr
align="#">
#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
【4】分隔线的颜色 <hr
color=#rrggbb>
【5】实心分隔线 <hr
noshade>
17.居中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 --
bgcolor <body bgcolor=#rrggbb>
【2】背景图案 --
background <body background="图形文件名">
【3】设定背景图案不会卷动 --
bgproperties <body bgproperties=fixed>
【4】文件内容文字的颜色 --
text <body text=#rrggbb>
【5】超连结文字颜色 --
link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 --
vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 --
alink <body alink=#rrggbb>
20.文字移动指令<MARQUEE>..........</MARQUEE>
移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
指令举例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
二、图片
1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名"
border=点数>
3.设定图形大小 -- width、height
<img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace、hspace
<img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名"
alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名">
P.S.两个图的图形大小最好一致;
7.影像地图(Image Map) <img
src="图形文件名" usemap="#图的名称">
<map name="图的名称">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
</map>
【1】定义形状 --
shape
shape=rect:矩形 shape=circle:圆形 shape=poly:多边形
【2】定义区域 --
coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
三、表格相关
1.表格标题
<caption>..........</caption>
表格标题位置 -- align
<caption align="#"> #号可为 top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
2.定义列 <tr>
3.定义栏位 《1》<td>:靠左对齐
《2》<th>:靠中对齐ⅱ粗体
【1】水平位置 --
align <th align="#">
#号可为 left:向左对齐
center:向中对齐 right:向右对齐
【2】垂直位置 --
align <th align="#"> #号可为
top:向上对齐 middle:向中对齐
bottom:向下对齐
【3】栏位宽度 --
width <th width=点数或百分比>
【4】栏位垂直合并 --
rowspan <th rowspan=欲合并栏位数>
【5】栏位横向合并 --
colspan <th colspan=欲合并栏位数>
四、表格的主要属性
1. <table>标记的主要属性
align定义表格的对齐方式,有三个属性值center,left,right
background定义表格的背景图案,属性值为图片的地址
bgcolor定义表格的背景颜色,属性值是各种颜色代码
border定义表格的边框宽度,属性值是数字
bordercolor定义表格边框的颜色,属性值是各种颜色代码
cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字
cellspacing定义表格中单元格之间的距离
height定义表格的高度,属性值是数字
width定义表格的宽度,属性值是数字
2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:
align定义对齐方式,属性值与上同
background定义背景图案 bgcolor定义背景色
3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:
colspan定义合并表格的列数,属性值是数字
rowspan定义合并表格的行数,属性值是数字
五、FRAME
1、分割视窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 --
rows
<frameset rows=#> #号可为点数:
如欲分割为100,200,300三个视窗,则<frameset
rows=100,200,300>;
亦可以*号代表,如<frameset
rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各项总和最好为100%;
【2】水平(左右)分割 --
cols <frameset cols=点数或百分比>
2、指定视窗内容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定视窗的文件名称 --
src <frame src=HTML档名>
【2】定义视窗的名称 --
name
<frame name=视窗名称>
【3】设定文件与上下边框的距离 --
marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 --
marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 --
scrolling
<frame scrolling=#> #号可为 yes:固定出现卷轴
no:不出现卷轴
auto:自动判断文件大小需不需要卷轴(预设值)
【6】锁住分割视窗的大小 --
noresize <frame noresize>
六、歌曲代码:
在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
1. 手动播放:
<EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE"
autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">
2. 打开页面自动播放:
<EMBED src="歌曲地址" width="39" height="18" autostart="true"
hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
------------------------------------------------------------------
套用代码:
<div align="center">
<table border="1" width="90%" height="403" background="背景图片地址">
<tr><td width="80%" height="100%">
<p align="center"><br><br><br>
<font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br>
<p align="center"><img src="图片地址"><br><br>
<font color="#FFFFFF" size=3>介绍文字</font><br><br><br>
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30
type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br>
</td></tr>
</table>
</div>
简易套用代码详解:
<div align="center">是定义帖子居中;
<table border="1" width="90%" height="403" background="背景图片地址"><tr><td
width="80%" height="100%">
这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%"
height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度
<p align="center"><br><br><br><font face="华文彩云" size="6"
color="#FFFFFF">歌曲或音乐名称</font><br><br>
<p align="center">是定义文字居中的,<br>是回行代码,加几个就会空几行。<font
face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定义字体,你可以把字体换成隶书、宋体等。size="6"是定义字号的,数字越大字越大,如果不定义,默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过,你可以找来改。
<p align="center"><img src="图片地址"><br><br><font color="#FFFFFF">介绍文字</font><br><br><br>
第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。<font
color="#FFFFFF" size=3>介绍文字</font>是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font>
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30
type=audio/x-ms-wma autostart="true" loop="-1">
这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250
height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true"
loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。
<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30
type=audio/x-ms-wma autostart="true" loop="-1">
这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250
height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true"
loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。
<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。
超文本标记语言
html语言即超文本标记语言。
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括头部分(Head)、和主体部分(Body),其中头部(head)提供关于网页的信息,主体(body)部分提供网页的具体内容。
中文名
超文本标记语言
外文名
HyperText Markup Language
类 型
标记语言
阅读方式
网页浏览器
外国语缩写
HTML或HTM(都作文件扩展名)
目录
1
基本介绍
▪ 由来
▪ 定义
2
语言特点
3
书写方式
▪ 编辑
▪ 字符集
4
整体结构
▪ 头部内容
▪ 主体内容
5
发展历史
▪ 标记语言
▪ 标记语言
6
相关要求
7
常见实体
8
标记
▪ 数据类型
▪ 类型描述
▪ 元素
1
基本介绍
编辑
由来
在万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform
Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
超文本标记语言
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
定义
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,
超文本标记语言(15张)
它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
2
语言特点
编辑
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
3
书写方式
编辑
编辑
它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,
基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。
半所见即所得软件,如FCK-Editer,E-webediter等在线网页编辑器。
所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如AMAYA(单位:万维网联盟)、FRONTPAGE(单位:微软)、Dreamweaver(单位:Adobe)。与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。
Html编辑工具
字符集
在网页中除了可显示常见的美国信息交换标准代码(外语缩写:ASCII)字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。
字符集
HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号";"结束,其间是字符名,如®。数字代码也以“”符开始,以分号";"结束,其间是编号,如"。
4
整体结构
编辑
一个网页对应一个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。
超文本标记语言
标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:<br/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而</html>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
HTML代码
头部内容
<head></head>;这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示
关于HTML(4张)
在网页窗口的标题栏中,网页标题可被浏览器用作书签和收藏清单。
设置文档标题和其它在网页中不显示的信息,比如direction方向、语言代码Language
Code(实体定义!ENTITY % i18n)、指定字典中的元信息、等等。
以下表格列出了 HTML
head 元素:[1]
主体内容
<body></body>;,网页中显示的实际内容均包含在这2个正文标记符之间。
超文本标记语言
正文标记符又称为实体标记。
5
发展历史
编辑
标记语言
超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):
HTML 2.0——1995年11月作为RFC
1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日,W3C推荐标准
html 5
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML
5的第一份正式草案已于2008年1月22日公布,仍继续完善
ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML
4.01语法,是国际标准化组织和国际电工委员会的标准。
Wijmo是基于HTML5、jQuery、CSS3和SVG的一个控件包,能够满足构建当今Web系统的需求。基于Wijmo,您的系统运行将更加快速和流畅,外观也会更加引人入胜。Wijmo中所有新的控件都是在符合最新的UI设计潮流的基础上,对新的以及改良后的主题进行封装。优美的、专业的控件外观会让您的应用程序引人注目。比如 ComponentOne
Studio for ASP .NET Wijmo 控件包内置的6个主题,同时可以使用jQuery UI项目提供的 30 多个主题,甚至可以使用 ThemeRoller 创建属于您自己的系统主题。
HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为“HTML的一个超集”。第一个正式规范为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号。HTML+的发展继续下去,但是它从未成为标准。
HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时,标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML
3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。
HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时,建议不再使用它们。HTML的未来和CSS结合会更好。
HTML
5草案的前身名为Web Applications
1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。
标记语言
XHTML1.0——发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布。
XHTML 1.1,于2001年5月31日发布,W3C推荐标准。
XHTML 2.0,W3C工作草案。
XHTML 5,从XHTML
1.x的更新版,基于HTML 5草案。
XHTML4.01 是常见的版本。
6
相关要求
编辑
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。
文本标记语言源程序的文件扩展名默认使用htm(磁盘操作系统DOS限制的外语缩写为扩展名)或html(外语缩写为扩展名),以便于操作系统或程序辨认,除自定义的汉字扩展名。在使用文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。
超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“ (注意此字母必须小写,方可空格)”表示非换行空格;表示文件路径时使用符号“/”分隔,文件名及路径描述可用双引号也可不用引号括起。
标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号“ (注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行。
标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。
HTML注释由"<!--"号开始,由符号”-->“结束结束,例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。
HTML
7
常见实体
编辑
8
标记
编辑
数据类型
超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值,包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。
html示例
类型描述
为了说明文档使用的超文本标记语言标准,所有超文本标记语言文档应该以“文件类型声明”(外语全称加缩写<!DOCTYPE>)开头,引用一个文件类型描述或者必要情况下自定义一个文件类型描述。举例来说:
HTML
5由于没定义一个文档类型定义(外语缩写:DTD),只包含根元素的它所以如此简单。
这个声明说明文档服从超文本标记语言 4.01的严格文件类型描述,这个标准是严格结构化的,使用层叠样式表(外语缩写:CSS)来做格式化。有时是否存在一个合适的文件类型描述会影响一个浏览器显示网页的方式。
除了超文本标记语言 4.01的严格文件类型描述之外,超文本标记语言 4.01也提供“过渡”和“框架集”文件类型描述。
过渡文件类型描述是向严格的文件类型描述过渡的缓冲。
框架集文件类型描述则针对包含框架元素的网页。
元素
<html></html> 创建一个超文本标记语言文档。
<head></head> (头)设置文档标题和其它在网页中不显示的信息,比如direction方向、语言代码Language
Code(见实体定义!ENTITY % i18n)、指定字典中的元信息、等等。
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL(统一资源定位器)
<LINK> 定义一个链接和源之间的相互关系,比如引用一个层叠样式表(英文缩写:css)、做一个链接到一个脚本、为某文件做一个链接(可打印的版本)、文档特定的工具栏/菜单。
<script></script>脚本语句标签,比如引用一个javascript脚本。
<body></body>文档体,文档的可见部分。
<title></title> 设置文档的标题。
当然,如果不使用以上基本框架结构,而直接使用在实体部分中出现的标记符,在浏览器下也可以解释执行。
内容描述
<h1></h1> 最大的标题(一号标题)
<pre></pre> 预先格式化文本 (英文全称:PREformatted)
<u></u> 下划线(英文全称:Underline)
<b></b> 黑体字 (英文全称:Bold)
<i></i> 斜体字 (英文全称:Italics)
<tt></tt>打字机风格的字体
<cite></cite>引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体、英文全称:EMphasize)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值
<BASEFONT></BASEFONT>基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<DELECT></DELECT> 加删除线
<CODE></CODE>程式码
<KBD></KBD>键盘字(英文全称:KeyBoarD)
<SAMP></SAMP> 范例(英文全称:SAMPle)
<VAR></VAR> 变量(英文全称:VARiable)
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排(向右缩进、块引用)
<DFN></DFN> 述语定义(英文全称:DeFiNe)
<ADDRESS></ADDRESS>地址标记
<sup></SUP> 上标字 (英文全称:SUPerscript)
<SUB></SUB> 下标字(英文全称:SUBscript)
<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>;字体 颜色
<font size=1>...</font>;字体 大小等于1(最小)。
<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)
格式标志标签
<p></p> 创建一个段落 (英文全称:Paragraphs)
<p align=""> 将段落按左、中、右对齐
<br/>定义新行
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表(英文全称:DefinitionList)
<dt> 放在每个定义术语词前(定义术语、英文全称:DefinitionTerm)
<dd> 放在每个定义之前(定义说明、英文全称:DefinitionDescription)
<ol></ol> 创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项 (有序列表、外语全称:OrderedList)
<ul></ul> 创建一个无序的列表,默认前面标有圆点,也可以自己设置为none或者其他形状,如空心圆、方块等。(无序列表、外语全称:UnorderedLists)
<li> 放在每个列表项之前,若在<ol></ol>;之间则每个列表项加上一个数字,
若在<ul></ul>;之间则每个列表项加上一个圆点
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行(英文全称:nobreaking)
<hr size='9' width='80%' color='ff0000'>;水平线(设定宽度、外语全称:horizontalrule)
<center></center> 水平居中
网页表格标签
由于表格可以精确控制文本和图像在网页中的显示位置,所以在很多网站的主页中一般都使用表格来进行布局。
表格的基本结构如下:
<Table>
<caption> </caption>
<tr>
<th></th)<th)</th>...
</tr>
<tr>
<td></td><td> </td>...
</tr>
<tr>
<td></td><td> </td>...
</tr>
<tr>
<td></td><td> </td>...
</tr>
...
</Table>
<Table>定义整个表格,即表格的内容要放在<Table>和</Table>标记中;在<Table>中的主要属性:border属性显示表格的边框,width,
height属性定义表格的大小。<caption>标记符用来定义表格的标题。
表格的表示以行为单位,在行中包含列。其中:一个<tr>...</tr>标记表示一行;一个<td>...</td>标记表示一列;<th>...
</th>定义表头,一般可以不用。
链接标志表格标志
<a
href="一个统一资源定位器">
</a>:创建超文本链接。
<a
name="书签页">
</a>:创建位于文档内部的书签。
<a
href="#书签页">
</a>:创建指向位于文档内部书签的链接。
使用
每种HTML标记符在使用中可带有不同的属性项,用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。
BGCOLOR(外语全称:BackgroundColor)用于定义网页的背景色,BACKGROUND用于定义网页背景图案的图像文件
TEXT用于定义正文字符的颜色,默认为黑色
LINK用于定义网页中超级链接字符的颜色,默认为蓝色
VLINK(外语全称:VisitedLINK)用于定义网页中已被访问过的超接链接字符的颜色,默认为紫红色
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文档中的 <html> 没有使用此属性,W3C 的验证器也不会报错。这是因为 "xmlns=百度" 是一个固定值,即使您没有包含它,此值也会被添加到 <html> 标签中。
关联项目
标准通用标记语言
标准通用标记语言实体
文档类型定义(外语缩写:DTD)
!文档类型(外语全称加缩写:!doctype)
CSS+div
Html5
词条图册
更多图册
◆
超文本标记语言(15张)
关于HTML(4张)
词条图片(10张)
1/1
WEB技术
网页技术与标准
参考资料
1.
HTML 教程 .W3Cschool 菜鸟教程 [引用日期2014-01-21] .
2.
【文档类型定义】超文本标记语言肆点零壹严格版 .万维网联盟 [引用日期2013-12-26] .
相关文献
超文本标记语言HTML5探索-科技信息-2011年 第24期
基于超文本标记语言的信息隐藏方法研究与实现-软件导刊-2011年 第10期 (10)
基于XML的HTML自动阅卷算法设计与实现-计算机技术与发展-2012年 第1期 (22)
>> 查看更多相关文献
常用HTML代码解释
一、文字
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font
size=#>..........</font> #=1~7;数字愈大字也愈大
【2】指定字型 <font
face="字体名称">..........</font>
【3】文字颜色 <font
color=#rrggbb>..........</font>
rr:表红色(red)色码
gg:表绿色(green)色码
bb:表蓝色(blue)色码
rrggbb也可用6位颜色代码数字
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行(也称回车) <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p
align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr
size=点数>
【2】分隔线的宽度 <hr
size=点数或百分比>
【3】分隔线对齐方向 <hr
align="#">
#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
【4】分隔线的颜色 <hr
color=#rrggbb>
【5】实心分隔线 <hr
noshade>
17.居中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 --
bgcolor <body bgcolor=#rrggbb>
【2】背景图案 --
background <body background="图形文件名">
【3】设定背景图案不会卷动 --
bgproperties <body bgproperties=fixed>
【4】文件内容文字的颜色 --
text <body text=#rrggbb>
【5】超连结文字颜色 --
link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 --
vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 --
alink <body alink=#rrggbb>
20.文字移动指令<MARQUEE>..........</MARQUEE>
移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
指令举例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
二、图片
1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名"
border=点数>
3.设定图形大小 -- width、height
<img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace、hspace
<img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名"
alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名">
P.S.两个图的图形大小最好一致;
7.影像地图(Image Map) <img
src="图形文件名" usemap="#图的名称">
<map name="图的名称">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
</map>
【1】定义形状 --
shape
shape=rect:矩形 shape=circle:圆形 shape=poly:多边形
【2】定义区域 --
coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
三、表格相关
1.表格标题
<caption>..........</caption>
表格标题位置 -- align
<caption align="#"> #号可为 top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
2.定义列 <tr>
3.定义栏位 《1》<td>:靠左对齐
《2》<th>:靠中对齐ⅱ粗体
【1】水平位置 --
align <th align="#">
#号可为 left:向左对齐
center:向中对齐 right:向右对齐
【2】垂直位置 --
align <th align="#"> #号可为
top:向上对齐 middle:向中对齐
bottom:向下对齐
【3】栏位宽度 --
width <th width=点数或百分比>
【4】栏位垂直合并 --
rowspan <th rowspan=欲合并栏位数>
【5】栏位横向合并 --
colspan <th colspan=欲合并栏位数>
四、表格的主要属性
1. <table>标记的主要属性
align定义表格的对齐方式,有三个属性值center,left,right
background定义表格的背景图案,属性值为图片的地址
bgcolor定义表格的背景颜色,属性值是各种颜色代码
border定义表格的边框宽度,属性值是数字
bordercolor定义表格边框的颜色,属性值是各种颜色代码
cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字
cellspacing定义表格中单元格之间的距离
height定义表格的高度,属性值是数字
width定义表格的宽度,属性值是数字
2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:
align定义对齐方式,属性值与上同
background定义背景图案 bgcolor定义背景色
3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:
colspan定义合并表格的列数,属性值是数字
rowspan定义合并表格的行数,属性值是数字
五、FRAME
1、分割视窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 --
rows
<frameset rows=#> #号可为点数:
如欲分割为100,200,300三个视窗,则<frameset
rows=100,200,300>;
亦可以*号代表,如<frameset
rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各项总和最好为100%;
【2】水平(左右)分割 --
cols <frameset cols=点数或百分比>
2、指定视窗内容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定视窗的文件名称 --
src <frame src=HTML档名>
【2】定义视窗的名称 --
name
<frame name=视窗名称>
【3】设定文件与上下边框的距离 --
marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 --
marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 --
scrolling
<frame scrolling=#> #号可为 yes:固定出现卷轴
no:不出现卷轴
auto:自动判断文件大小需不需要卷轴(预设值)
【6】锁住分割视窗的大小 --
noresize <frame noresize>
六、歌曲代码:
在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
1. 手动播放:
<EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE"
autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">
2. 打开页面自动播放:
<EMBED src="歌曲地址" width="39" height="18" autostart="true"
hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
------------------------------------------------------------------
套用代码:
<div align="center">
<table border="1" width="90%" height="403" background="背景图片地址">
<tr><td width="80%" height="100%">
<p align="center"><br><br><br>
<font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br>
<p align="center"><img src="图片地址"><br><br>
<font color="#FFFFFF" size=3>介绍文字</font><br><br><br>
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30
type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br>
</td></tr>
</table>
</div>
简易套用代码详解:
<div align="center">是定义帖子居中;
<table border="1" width="90%" height="403" background="背景图片地址"><tr><td
width="80%" height="100%">
这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%"
height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度
<p align="center"><br><br><br><font face="华文彩云" size="6"
color="#FFFFFF">歌曲或音乐名称</font><br><br>
<p align="center">是定义文字居中的,<br>是回行代码,加几个就会空几行。<font
face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定义字体,你可以把字体换成隶书、宋体等。size="6"是定义字号的,数字越大字越大,如果不定义,默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过,你可以找来改。
<p align="center"><img src="图片地址"><br><br><font color="#FFFFFF">介绍文字</font><br><br><br>
第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。<font
color="#FFFFFF" size=3>介绍文字</font>是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font>
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30
type=audio/x-ms-wma autostart="true" loop="-1">
这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250
height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true"
loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。
<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30
type=audio/x-ms-wma autostart="true" loop="-1">
这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250
height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true"
loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。
<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。
超文本标记语言
html语言即超文本标记语言。
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括头部分(Head)、和主体部分(Body),其中头部(head)提供关于网页的信息,主体(body)部分提供网页的具体内容。
中文名
超文本标记语言
外文名
HyperText Markup Language
类 型
标记语言
阅读方式
网页浏览器
外国语缩写
HTML或HTM(都作文件扩展名)
目录
1
基本介绍
▪ 由来
▪ 定义
2
语言特点
3
书写方式
▪ 编辑
▪ 字符集
4
整体结构
▪ 头部内容
▪ 主体内容
5
发展历史
▪ 标记语言
▪ 标记语言
6
相关要求
7
常见实体
8
标记
▪ 数据类型
▪ 类型描述
▪ 元素
1
基本介绍
编辑
由来
在万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform
Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
超文本标记语言
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
定义
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,
超文本标记语言(15张)
它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
2
语言特点
编辑
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
3
书写方式
编辑
编辑
它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,
基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。
半所见即所得软件,如FCK-Editer,E-webediter等在线网页编辑器。
所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如AMAYA(单位:万维网联盟)、FRONTPAGE(单位:微软)、Dreamweaver(单位:Adobe)。与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。
Html编辑工具
字符集
在网页中除了可显示常见的美国信息交换标准代码(外语缩写:ASCII)字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。
字符集
HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号";"结束,其间是字符名,如®。数字代码也以“”符开始,以分号";"结束,其间是编号,如"。
4
整体结构
编辑
一个网页对应一个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。
超文本标记语言
标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:<br/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而</html>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
HTML代码
头部内容
<head></head>;这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示
关于HTML(4张)
在网页窗口的标题栏中,网页标题可被浏览器用作书签和收藏清单。
设置文档标题和其它在网页中不显示的信息,比如direction方向、语言代码Language
Code(实体定义!ENTITY % i18n)、指定字典中的元信息、等等。
以下表格列出了 HTML
head 元素:[1]
标签 | 描述 |
<head> | 定义了文档的信息 |
<title> | 定义了文档的标题 |
<base> | 定义了页面链接标签的默认链接地址 |
<link> | 定义了一个文档和外部资源之间的关系 |
<meta> | 定义了HTML文档中的元数据 |
<script> | 定义了客户端的脚本文件 |
<style> | 定义了HTML文档的样式文件 |
<body></body>;,网页中显示的实际内容均包含在这2个正文标记符之间。
超文本标记语言
正文标记符又称为实体标记。
5
发展历史
编辑
标记语言
超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):
HTML 2.0——1995年11月作为RFC
1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日,W3C推荐标准
html 5
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML
5的第一份正式草案已于2008年1月22日公布,仍继续完善
ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML
4.01语法,是国际标准化组织和国际电工委员会的标准。
Wijmo是基于HTML5、jQuery、CSS3和SVG的一个控件包,能够满足构建当今Web系统的需求。基于Wijmo,您的系统运行将更加快速和流畅,外观也会更加引人入胜。Wijmo中所有新的控件都是在符合最新的UI设计潮流的基础上,对新的以及改良后的主题进行封装。优美的、专业的控件外观会让您的应用程序引人注目。比如 ComponentOne
Studio for ASP .NET Wijmo 控件包内置的6个主题,同时可以使用jQuery UI项目提供的 30 多个主题,甚至可以使用 ThemeRoller 创建属于您自己的系统主题。
HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为“HTML的一个超集”。第一个正式规范为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号。HTML+的发展继续下去,但是它从未成为标准。
HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时,标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML
3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。
HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时,建议不再使用它们。HTML的未来和CSS结合会更好。
HTML
5草案的前身名为Web Applications
1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。
标记语言
XHTML1.0——发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布。
XHTML 1.1,于2001年5月31日发布,W3C推荐标准。
XHTML 2.0,W3C工作草案。
XHTML 5,从XHTML
1.x的更新版,基于HTML 5草案。
XHTML4.01 是常见的版本。
6
相关要求
编辑
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。
文本标记语言源程序的文件扩展名默认使用htm(磁盘操作系统DOS限制的外语缩写为扩展名)或html(外语缩写为扩展名),以便于操作系统或程序辨认,除自定义的汉字扩展名。在使用文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。
超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“ (注意此字母必须小写,方可空格)”表示非换行空格;表示文件路径时使用符号“/”分隔,文件名及路径描述可用双引号也可不用引号括起。
标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号“ (注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行。
标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。
HTML注释由"<!--"号开始,由符号”-->“结束结束,例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。
HTML
7
常见实体
编辑
显示结果 | 描述 | 实体名称 | 实体编号 |
空格 | | | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 镑 | £ | £ |
¥ | 日元 | ¥ | ¥ |
? | 欧元 | € | € |
§ | 小节 | § | § |
® | 版权 | ® | ® |
© | 注册商标 | © | © |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
标记
编辑
数据类型
超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值,包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。
html示例
类型描述
为了说明文档使用的超文本标记语言标准,所有超文本标记语言文档应该以“文件类型声明”(外语全称加缩写<!DOCTYPE>)开头,引用一个文件类型描述或者必要情况下自定义一个文件类型描述。举例来说:
公共标识符 | 系统标识符 | 说明 |
-//W3C//DTD HTML 4.0//ZH | [1] | 超文本标记语言(版本:4.0)、万维网联盟。 |
-//W3C//DTD HTML 4.01//ZH | [2] | 超文本标记语言(版本:4.01)、万维网联盟。 |
5由于没定义一个文档类型定义(外语缩写:DTD),只包含根元素的它所以如此简单。
1 | <!DOCTYPE HTML> |
1 |
过渡文件类型描述是向严格的文件类型描述过渡的缓冲。
1 |
1 |
<html></html> 创建一个超文本标记语言文档。
<head></head> (头)设置文档标题和其它在网页中不显示的信息,比如direction方向、语言代码Language
Code(见实体定义!ENTITY % i18n)、指定字典中的元信息、等等。
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL(统一资源定位器)
<LINK> 定义一个链接和源之间的相互关系,比如引用一个层叠样式表(英文缩写:css)、做一个链接到一个脚本、为某文件做一个链接(可打印的版本)、文档特定的工具栏/菜单。
<script></script>脚本语句标签,比如引用一个javascript脚本。
<body></body>文档体,文档的可见部分。
<title></title> 设置文档的标题。
当然,如果不使用以上基本框架结构,而直接使用在实体部分中出现的标记符,在浏览器下也可以解释执行。
内容描述
<h1></h1> 最大的标题(一号标题)
<pre></pre> 预先格式化文本 (英文全称:PREformatted)
<u></u> 下划线(英文全称:Underline)
<b></b> 黑体字 (英文全称:Bold)
<i></i> 斜体字 (英文全称:Italics)
<tt></tt>打字机风格的字体
<cite></cite>引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体、英文全称:EMphasize)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值
<BASEFONT></BASEFONT>基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<DELECT></DELECT> 加删除线
<CODE></CODE>程式码
<KBD></KBD>键盘字(英文全称:KeyBoarD)
<SAMP></SAMP> 范例(英文全称:SAMPle)
<VAR></VAR> 变量(英文全称:VARiable)
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排(向右缩进、块引用)
<DFN></DFN> 述语定义(英文全称:DeFiNe)
<ADDRESS></ADDRESS>地址标记
<sup></SUP> 上标字 (英文全称:SUPerscript)
<SUB></SUB> 下标字(英文全称:SUBscript)
<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>;字体 颜色
<font size=1>...</font>;字体 大小等于1(最小)。
<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)
格式标志标签
<p></p> 创建一个段落 (英文全称:Paragraphs)
<p align=""> 将段落按左、中、右对齐
<br/>定义新行
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表(英文全称:DefinitionList)
<dt> 放在每个定义术语词前(定义术语、英文全称:DefinitionTerm)
<dd> 放在每个定义之前(定义说明、英文全称:DefinitionDescription)
<ol></ol> 创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项 (有序列表、外语全称:OrderedList)
<ul></ul> 创建一个无序的列表,默认前面标有圆点,也可以自己设置为none或者其他形状,如空心圆、方块等。(无序列表、外语全称:UnorderedLists)
<li> 放在每个列表项之前,若在<ol></ol>;之间则每个列表项加上一个数字,
若在<ul></ul>;之间则每个列表项加上一个圆点
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行(英文全称:nobreaking)
<hr size='9' width='80%' color='ff0000'>;水平线(设定宽度、外语全称:horizontalrule)
<center></center> 水平居中
网页表格标签
由于表格可以精确控制文本和图像在网页中的显示位置,所以在很多网站的主页中一般都使用表格来进行布局。
表格的基本结构如下:
<Table>
<caption> </caption>
<tr>
<th></th)<th)</th>...
</tr>
<tr>
<td></td><td> </td>...
</tr>
<tr>
<td></td><td> </td>...
</tr>
<tr>
<td></td><td> </td>...
</tr>
...
</Table>
<Table>定义整个表格,即表格的内容要放在<Table>和</Table>标记中;在<Table>中的主要属性:border属性显示表格的边框,width,
height属性定义表格的大小。<caption>标记符用来定义表格的标题。
表格的表示以行为单位,在行中包含列。其中:一个<tr>...</tr>标记表示一行;一个<td>...</td>标记表示一列;<th>...
</th>定义表头,一般可以不用。
链接标志表格标志
<a
href="一个统一资源定位器">
</a>:创建超文本链接。
<a
name="书签页">
</a>:创建位于文档内部的书签。
<a
href="#书签页">
</a>:创建指向位于文档内部书签的链接。
使用
每种HTML标记符在使用中可带有不同的属性项,用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。
BGCOLOR(外语全称:BackgroundColor)用于定义网页的背景色,BACKGROUND用于定义网页背景图案的图像文件
TEXT用于定义正文字符的颜色,默认为黑色
LINK用于定义网页中超级链接字符的颜色,默认为蓝色
VLINK(外语全称:VisitedLINK)用于定义网页中已被访问过的超接链接字符的颜色,默认为紫红色
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文档中的 <html> 没有使用此属性,W3C 的验证器也不会报错。这是因为 "xmlns=百度" 是一个固定值,即使您没有包含它,此值也会被添加到 <html> 标签中。
关联项目
标准通用标记语言
标准通用标记语言实体
文档类型定义(外语缩写:DTD)
!文档类型(外语全称加缩写:!doctype)
CSS+div
Html5
词条图册
更多图册
◆
超文本标记语言(15张)
关于HTML(4张)
词条图片(10张)
1/1
WEB技术
HTML |
|
XML |
|
Web脚本 |
|
Serv脚本 |
|
.NET |
|
多媒体 |
|
文档呈现语言 |
|
样式格式描述语言 |
|
动态网页技术 |
|
客户端交互技术 |
|
客户端脚本语言 |
|
标识定位语言 |
|
文档纲要语言 |
|
1.
HTML 教程 .W3Cschool 菜鸟教程 [引用日期2014-01-21] .
2.
【文档类型定义】超文本标记语言肆点零壹严格版 .万维网联盟 [引用日期2013-12-26] .
相关文献
超文本标记语言HTML5探索-科技信息-2011年 第24期
基于超文本标记语言的信息隐藏方法研究与实现-软件导刊-2011年 第10期 (10)
基于XML的HTML自动阅卷算法设计与实现-计算机技术与发展-2012年 第1期 (22)
>> 查看更多相关文献
相关文章推荐
- 网络工程师必备素质-IP地址练习题
- 网络编程中close与shutdown区别
- Drill中实现HTTP storage plugin
- Linux软件包安装2——基于red hat系列的rpm命令安装及apache简单搭建httpserver
- xmu 1076: 安全网络 ver.3(最小生成树模型)
- xmu 1074: 安全网络 ver.1(MST模型)
- linux常用命令-简单网络通信命令
- TCP连接状态详解
- cocos2dx3.3 C++和Android的网络连接状态
- 【转载】C# HttpWebRequest 发送SOAP XML
- (转载)HttpWebRequest的GetResponse或GetRequestStream偶尔超时 + 总结各种超时死掉的可能和相应的解决办法
- C#中HttpWebRequest的GetRequestStream执行的效率太低,甚至偶尔死掉
- 在ATS 5.3.0上开启stats_over_http插件
- TCP/IP 笔记 1.1 概 述
- 网络开发总结
- 第十四篇 迷茫的星期六
- HTTP协议详解
- WCF : 如何将NetTcpBinding寄宿在IIS7上
- Android利用json进行网络解析
- 基于net.tcp的WCF配置实例解析