简单网页设计-html语言剖析(淘宝好帮手).docVIP

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=+2hello/font 参数只可加于起始标记中。 在起始标记之标记名前加上符号/便是其终结标记，如 /font 标记字母大小写皆可。 标记按型态分为围堵标记与空标记 围堵标记 顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。 例如 html source ： bcreation 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.brits a wonderful place. 显示成： i love creation of webpage. its 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 ● 一级标题标记 变粗变大加宽，程度与级数反比 ? h2 ● 二级标题标记 将字体变粗变大加宽 ? h3 ● 三级标题标记 将字体变粗变大加宽 ? h4 ● 四级标题标记 将字体变粗变大加宽 ? h5 ● 五级标题标记 将字体变粗变大加宽 ? h6 ● 六级标题标记 将字体变粗变大加宽 ? font ● 字形标记 设定字形、大小、颜色 反对 basefont ○ 基准字形标记 设定所有字形、大小、颜色 反对 big ● 字体加大 令