文档介绍：html语言剖析
目录
一、html简介
二、html 标记一览
三、文件标记
四、清单标记
五、排版标记
六、字体标记
七、清单标记
八、表格标记
九、表单标记
十、图形标记
十一、链接标记
十二、排版标记
十三、多媒体标记
十四、其他标记
十五、特殊字符
十六、调色原理
html语言剖析
html简介
全写: hypertext mark-up language
译名: 超文件注标式语言(译名之一)
简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
html 是在 sgml 定义下的一个描述性语言,或可说 html 是 sgml 的一个应用程式,html 不是程式语言,如 c++ 和 java 之类,它只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然以专业的网页编辑软件为佳。
■阅读须知:
这一篇【html剖析】偏重于标记的介绍,考虑到易懂及每节的篇幅问题,我并不按 w3c 的 html 分类,这可令你更易选择有兴趣的标记,其中只有【文件标记】是必读的,其余可任意选择。这一篇不会提及任何网页编辑软件,只要掌握了 html ,任何网页编辑工具都可以变成一把利器。
■标记写法:
任何标记皆由"<"及">"所围住,如<p>
标记名与小于号之间不能留有空白字符。
某些标记要加上参数,某些则不必。如<font size="+2">hello</font>
参数只可加于起始标记中。
在起始标记之标记名前加上符号"/"便是其终结标记,如</font>
标记字母大小写皆可。
■围堵标记与空标记:
标记按型态分为围堵标记与空标记
围堵标记
顾名思义,它以起始标记及终结标记将文字围住,令其达到预期显示效果。
例如 html source : <b>creation of webpage</b> is my favourite.
显示成: creation of webpage is my favourite.
其中<b></b> 便称为围堵标记。
它以起始标记<b>及终结标记</b>标示文字 creation of webpage ,令它显示成粗体,两者失其一都会发生错误显示。
空标记
是指标记单独出现,只有起始标记没有终结标记。
例如 html source:
i love creation of webpage.<br>it's a wonderful place.
显示成:
i love creation of webpage.
it's a wonderful place.
其中换行标记<br>便属空标记。
它的作用便是将标记后所有东西显示于下一行,可见终结标记于它是没意义的, 但有些人会为空标记加上终结标记,这是为方便记认而己,对 html 没有影响。
html语言剖析▲top
html 标记一览
标记
类型
译名或意义
作用
备注
文件标记
<html>
●
文件声明
让浏览器知道这是 html 文件
 
<head>
●
开头
提供文件整体资讯
 
<title>
●
标题
定义文件标题,将显示于浏览顶端
 
<body>
●
本文
设计文件格式及内文所在
 
排版标记
<!--注解-->
○
说明标记
为文件加上说明,但不被显示
 
<p>
○
段落标记
为字、画、表格等之间留一空白行
 
<br>
○
换行标记
令字、画、表格等显示于下一行
 
<hr>
○
水平线
插入一条水平线
 
<center>
●
居中
令字、画、表格等显示于中间
反对
<pre>
●
预设格式
令文件按照原始码的排列方式显示
 
<div>
●
区隔标记
设定字、画、表格等的摆放位置
 
<nobr>
●
不折行
令文字不因太长而绕行
 
<wbr>
●
建议折行
预设折行部位
 
字体标记
<strong>
●
加重语气
产生字体加粗 bold 的效果
 
<b>
●
粗体标记
产生字体加粗的效果
 
<em>
●
强调标记
字体出现斜体效果
 
<i>
●
斜体标记
字体出现斜体效果
 
<tt>
●
打字字体
courier字体,字母宽度相同
 
<u>
●
加上底线
加上底线
反对
<h1>
●
一级