网页标签解析

 

dl(definition lists)标签 -- 代表HTML自定义列表

 

dl标签是成对出现的,<dl>开始,</dl>结束

自定义列表的开始使用<dl>标签,列表中每个元素的标题使用<dt>(definition term)定义,后面跟随<dd>(definition description)

 

nl (navigation lists)标签 -- 代表HTML导航列表

 

ul (unordered lists)标签 -- 代表HTML无序列表

 

p (paragraph)标签 -- 表示段落,里面可以加入文字,列表,表格等

 

th (table header cell)标签 -- 代表HTML表格中的表头 

 

tr (table row)标签 -- 代表HTML表格中的一行网页设计中常见的图像格式简介

 

td (table data cell)标签 -- 代表HTML表格中的一个单元格

 

abbr(abbreviation)标签 -- 简称标签

 

<abbr title="Limited">Ltd.</abbr>

 

acronym 标签 -- 取首字母的缩写标签

 

<acronym title="Cascading Style Sheets">CSS</acronym>

 

cite(citation)标签 -- 引用标签

 

<cite cite="http://www.dreamdu.com/xhtml/">一步步的教我学会HTMLXHTML</cite>

 

code标签 -- 代码标签

 

dfn (defining instance)标签 -- 定义标签

 

<dfn>梦之都</dfn>是一个单词,更是一种向往!

 

em (emphasis)标签 -- 强调标签

 

强调一下,<em>不要</em>和我开玩笑!

 

kbd 标签 -- 标签表明使用者输入的文字

 

To exit, type <kbd>QUIT</kbd>.

 

l (line of text)标签 -- 表示一段语句

 

<l>一行实实在在的文字!</l>

 

q (quoted text)标签 -- 表示一个行引用

 

<cite>古人</cite>:<q>良言一句三冬暖,恶语伤人六月寒.</q>

 

samp (sample output from programs,scripts,etc)标签 -- 表示程序或脚本输出的内容

 

程序的输出是<samp>x+y</samp>

 

span标签 -- 表示了内联行

 

strong标签 -- 重点强调标签

 

sub (subscript)标签 -- 表示下标

 

sup (superscript)标签 -- 表示上标

 

var (variable)标签 -- 表示程序中的变量

 

meta (metainformation)标签 -- head标签中的meta标签,可以为HTML文档提供额外信息

 

http-equiv属性 -- 用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容()通过content属性表示,通常为网页加载前提供给浏览器等设备使用.其中最重要的是content-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间.

 

rel (relationship)属性 -- rel属性,描述了当前页面与href所指定文档的关系

 

relrev具有互补的作用,rel指定了向前链接的关系,rev指定了反向链接的关系.

 

rev (reverse link)属性 -- rev属性,描述了href所指定文档与当前页面的关系.

 

sub,sup,tt=打印机风格,cite=引用方式,em=i+b,strong=黑体+b

 

 

 

设计网页时经常使用的图片有三种,它们的相同点是都经过了压缩,压缩比越高,图像品质越差.

 

GIF

 

GIF(Graphics Interchange Format):最多支持256,支持透明,支持多帧动画显示效果.(可以使用在品质较差或者需要透明或动画显示的情况)

 

JPEG

 

JPEG(Joint Photographic Experts Group):支持多种颜色,可以有很高的压缩比,使用了有损压缩,不支持透明,不支持动画效果.(可以使用在品质要求较高的场合:风景,写真等)

 

PNG

 

PNG(Portable Network Graphics):是一种新的图片技术,可以表现品质比较高的图片,使用了无损压缩,支持透明,不支持动画. (w3c推荐的http://www.w3.org/Graphics/PNG/)

posted @ 2009-05-20 22:53  Winner.Net(2007)  阅读(442)  评论(0编辑  收藏  举报