网页制作的文本标记(完整版).docVIP

HTML标记的分类:

1)头部标记：title,meta,link,style

2)文本标记：font,b,i,u,strong,

3)段落标记：p,hn,pre,marquee,br,hr

4)列表标记：ul,ol,li,dl,dt,dd

5)超链接标记：a,map,area

6)图像及媒体元素标记：img,embed,object

7)表格标记：table,tr,td,th,tbody

8)表单标记：form,input,textarea,select,option,fieldset,legend

9)框架标记：frameset,frame,iframe

10)容器标记：div,span

11)单标记：br/(强制换行)，hr/(水平线)，img/，input/，meta/，link/

12)成组标记：table，form，ul,ol,dl,frameset，fieldset

行内元素和块级元素：

行内元素：a，img，font(文字属性)，b，i，u，span，input

块级元素：p,div,hn,pre,hr,ul,ol,li,form

公共属性：

align（水平对齐方式），valign(垂直对齐方式)，border（边框），title（提示文字），src（链接的文件路径），style（引入CSS行内样式），id，name

特有属性：ahref（链接的目标），target（窗口打开方式）

inputtype（元素的类型），size（含义依据type而不同）

在HTML语言规范的基础上，XHTML对标记还有下面一些额外的要求：

1）标记名和属性名、属性值必须小写；

2）属性值必须用双引号引起；

3）所有标记包括单标记都必须封闭；

4）不允许省略属性值。

html

head

title

/title

/head

body

imgsrc=图片路径alt=光标移到图片的所显示的内容width=/

p（上下）一个段落的文字内容/p

span左右顺序排列的文字/span

pre保持文本内容的原形/pre

nobr强制不换行/nobr

hrsize=2(水平线的厚度)width=5(水平线的宽度)noshade=noshade(是否要阴影)

color=#FF0000(颜色)align=center(水平对齐方式)/

b粗体文字/b

i斜体文字/i

u加下划线/u

em加粗，倾斜/em

sup内容/sup(上标)

sub.../sub(下标)

fontface=黑体size=+6color=#00000FF文字内容/font(编辑文字的属性)

ul

liahref=首页/a/li（超链接）

li.../li

li.../li

/ul(无序列表)

ol,li(有序列表)

body

h2一个定义列表：/h2

dl

dt计算机/dt（标题）

dd用来计算的仪器....../dd（文段内容）

dt显示器/dt

dd以视觉方式显示信息的装置....../dd

/dl

table表格：

tablewidth=400border=1cellspacing(单元格间距即单元格和单元格的距离)=0cellpadding(单元格边距即单元格和单元格内容的距离)=0

th.../th(表头)

caption…/caption(表格标题)

tr(行)

td.../td(列ttr)

/tr

/table

表格table标签的属性：

1、width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。

2、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。

3、border属性：表格边线粗细

4、bordercolor属性：指定表格或某一个单元格的边框颜色。

5、bordercolorlight属性：亮边框的颜色

6、bordercolordark属性：暗边框的颜色c

7、bgcolor属性：指定表格或某一个单元格的背景颜色。

styletype=text/css

p{属性：属性值；

}

/style

/head

body

p我的样式表/p

p第二段落/p

div第三段落/div

/body

（2）类选择符(在整体上实现不一致的效果)

head

styletype=text/css

.div1{属性：属性值；

}

.div2{属性：属性值；

}

.left{属性：属性值；