自己整理的《网页设计与制作》语言,HTML总汇--从我的原博客中复制过来的

来源:互联网 发布:mac版办公软件下载 编辑:程序博客网 时间:2024/06/06 19:09

名称 格式 属性 说明
文件标记HTML ...

  
文件头标记
HEAD ...  
文件主体标记BODY ...... 1)background:设置网页背景图像
2)image-URL:图像文件的路径
3)bgcolor:设置网页背景颜色,默认为白色
4)text:设置网页正文文字的色彩,默认为黑色
5)link:设置网页中可链接文字的色彩
6)alink:设置网页中被鼠标点中时可链接文字的色彩
7)vlink:设置网页中已被单击(访问)过的可链接文字的色彩
8)leftmargin:设置页面左边距,即内容和浏览器左部边框之间的距离
9)topmargin:设置页面右边距,即内容和浏览器上部边框之间的距离
10)value:表示空白量,可以是数值,也可以是相对页面窗口宽度和高度的百分比
11)color:表示颜色值。颜色值可以用颜色代码,如:RED(红),GREEN(绿),BLUE(蓝),YELLOW(黄),WHITE(白),BLACK(黑)等表示;也可以是用#加红绿蓝(RGB)三基色混合的6位十六进制数#RRGGBB表示。每个基色的最低值是0(十六进制是#00),最大值是255(十六进制是#FF),如#000000(黑),#0000FF(蓝),#FFFFFF(白),#FF0000(红)等。 
换行  
  
换段 

  
特殊符号码   见书P63
空格 &nbsp  
标题格式标记 标题内容 n表示标题字号的级别,1-6,数字越小,字号越大;align表示水平对齐方式,取值可以为LEFT(左对齐),RIGHT(右对齐),CENTER(居中对齐),BOTTOM(位于底部)和TOP(位于顶部)。 用该标记实现文章标题的效果有限,通常用FONT标记实现文章标题丰富多彩的效果。
文字格式标记 文字 face表示文字的字体,如“黑体”表示黑体,“宋体”表示宋体;size表示字号,用来设定文字大小,其值为1-7之间的整数,值越大,字越大,若数字之前加上“+”“-”号,则表示相对基准字号的大小,如基准字号为3号,则+3表示6号字,基准字号如下标记定义:,其中“基准字号”也是1-7之间的整数;color用来设定文字的颜色,颜色的取值是十六进制RGB颜色码或HTML给定的颜色常量名。 
字型设置标 ... 文字以粗体显示。 
 ... 文字显示为斜体 
 ... 显示下划线。 
 ... 删除线。 
 ... 使文字大小相对于前面的文字增大一级。 
 ... 使文字大小相对于前面的文字减小一级。 
 ... 使文字成为前一个字符的上标。 
 ... 使文字成为前一个字符的下标。 
 ... 使文字显示为闪烁效果(只适用于Netscape浏览器)。 
 ... 以等宽体显示西文字符。 
 ... 输出引用方式的字体,通常为斜体 
 ... 强调文字,通常用斜体加黑体。 
 ... 特别强调的文字,通常也是斜体加黑体 
段落标记 

...

 align是水平对齐方式,取值可以为LEFT(左对齐),RIGHT(右对齐)和CENTER(居中对齐)。 
预排格式标记 
预排格式的文本
  
插入水平线标记 

noshade> width用来设置水平线的宽度,value1可以是点数,如50,100,200等。窗口改变时,横线宽度不变;也可以是相对窗口的百分比,如50%,100%,默认值是100%;size用来设置水平线的厚度,value2的值可以是绝对点数,也可以是(相对长度的)百分比,默认高度为1;align用来设置水平线的对齐方式,value3的值可以是LEFT(左对齐),RIGHT(右对齐)和CENTER(居中对齐),默认是居中;clor用来设置水平线的颜色,颜色的取值是十六进制RGB颜色码或HTML给定的颜色常量名;noshade属性不用赋值,而是直接加入标记即可使用,它表示一条没有阴影的水平线(不加入此属性水平线将有阴影)。 要实现多次缩排可以使用多次缩排标会。
列表标记 1.无序列表 
  •             
  • 列表项目1              
  • 列表项目2
    ...              
 在无序列表的开始和结束处,分别是
标记。在每一项列表条目之前必须加上标记。type属性表示在每个项目前显示加重符号的类型,共有3种选择:type=“disc”时,列表符号为“实心圆”;type=“circle”时,列表符号为“空心圆”;type=“square”时,列表符号为“实心方块”。
  • 和标记都可以定义参数。因此在一个列表中,不同的列表项目可以用不同的而列表符号,但一般情况下不要这样设置。 
     2.有序列表 

    1. 列表项目1
    2. 列表项目2
      ...              
     在有序列表的开始和结束处,分别是
    标记。在每一项列表条目之前必须加上标记。type属性表示在每个项目前显示的序号类型,其值可以为1(阿拉伯数字),A(大写字母),a(小写字母),I(大写罗马字母),i(小写罗马字母)。start用于设置编号的开始值,默认值为1,
  • 标记设定该条的编号,其后的条目以此作为起始数目逐渐递增。 有序列表和无序列表可以嵌套,产生缩进的,有层次的列表项目。
     3.定义列表 

    列表条目1
    条目1的明
    列表条目2
    条目2的说明
    ...
     在定义列表的开始和结束处,分别是
    标记。在每一项列表条目之前必须加上
    标记,用
    标记定义的条目说明文字自动向右缩进。 
    文字滚动标记 
    bgcolor="color"
    direction="value"
    height="value"
    width="value"
    loop="value"
    scrollamount="value"
    scrolldelay="value"
    hspace="value"
    vspace="value">
    滚动文字 1)behavior:设置文字滚动方式。共有3种方式供选择:behavior="alternate"时,文字将交替进行滚动;behavior="scroll"时,文字将循环往复滚动;behavior="slide"时,文字将只进行一次滚动。
    2)bgcolor:为滚动文字添加背景颜色。
    3)direction:设置文字滚动的方向,value的取值可以为up、down、left、和right4种,
    4)height和width:设置文字滚动的区域,取值为点数或相对于窗口的百分比。
    5)loop:设置文字滚动的循环次数。默认值为-1,-1表示无限次循环次数。
    6)scrollamount:调整文字滚动的速度,数值越大速度越快。
    7)scrolldelay:设置在每一次滚动的间隔产生一段延迟,数值越大延迟越长。
    8)hspace和vspace:设置文字滚动的水平垂直空间。 
    文本缩排标记 
    文本
      
    建立基本表格 


    ...


    ...


    ...

    ...
    标题(表格说明)表头1表头2表头n表头1表头2表头n表头1表头2表头n (1)标记对用来创建一个表格
    (a)summary:对表格格式或内容进行简要说明,他不在网页上显示,相当于表格的注释。
    (b)bgcolor:设置表格的背景颜色,取值同BODY标记中的颜色属性。
    (c)background:设置表格的背景图像,取值为图像的URL地址。
    (d)border:设置表格线的宽度(粗细),n为整数,单位为像素数。n=0表示无线。
    (e)bordercolor:设置表格线的颜色,取值同BODY标记中的颜色属性。
    (f)width:设置表格宽度,取值为点数或相对于窗口的百分比。
    (g)height:设置表格高度,取值为点数或相对于窗口的百分比。
    (h)align:设置表格在页面的相对位置,取值为LEFT、RIGHT或CENTER,分别表示居左、居右或居中。
    (2)表示对表格标题的说明,例如“奥运会男子足球比赛时间表”等。align表示标题相对表格的位置,取值为LEFT、RIGHT、CENTER、TOP或BOTTOM,分别表示标题在表格上部左边、表格上部右边,表格上部居中,表格上面或表格底部。
    (3)...用来定义行,该标记中的内容显示在一行,此标记对只能放在... 标记对之间使用,而在此标记对之间加入文本将是无用的,因此在之间只能紧跟标记对才是有效的语法;标记对用来创建表格中一行中的每一个格子,此标记对只能放在标记对之间才是有效的,输入的文本也只有放在标记对中才有效。
    (4)用来设置表格头,表头的每一列需用一个用来定义表格内容的一列,与     ...标记,通常是黑体居中文字。
    (5)...的区别是内容不加黑显示。 (1)中bgcolor、background、align、height、width等属性可以放在TD标记中,作为单元格的属性。
    (2)一行的开始表示前一行的结束,一列的开始表示前一列的结束,所以、、还有align和valign属性。align是水平对齐方式,取值可以是LEFT(左对齐),RIGHT(右对齐)和CENTER(居中对齐);而valign是垂直对齐方式,取值为MIDDLE(居中间对齐),BOTTOM(靠底部对齐)和TOP(靠顶端对其)。、指定的选项赋值,这个值是要传送到服务器上的,服务器正是通过调用、均可以作为单标记使用。
    (3)标记还可以用于每行的第一列,设置列标题。
    (4)、标记之间可以嵌套其他格式标记,如

    、等。
    (5)单元格内容可以是文字,也可以是图像。
    (6)表格可以嵌套,通过表格嵌套可以产生复杂的表格。
    (7)

    还有width和nowrap属性。width是单元格的宽度,单位用绝对像素值或总宽度的百分比;nowrap表示表格单元格内的内容自动换行。另外,、中还可以使用rowspan和colspan属性实现单元格的合并。rowspan用于设置一个表格单元格跨占的行数(默认值为1),rowspan=n表示将n行作为一行;colspan用于设置一个表格单元格跨占的列数(默认值为1),colspan=n表示将n列作为一列。
    图像标记 简单说明 (1)src:设置要加入的图像文件的URL地址,图像格式通常为gif或jpg。
    (2)alt:设置图像文件的替代说明,当图像无法显示时,显示“简单说明”。
    (3)longdesc:设置图像的详细说明。
    (4)width:设置图像的宽度,可以为点数或相对于窗口宽度的百分比。
    (5)height:设置图像的高度,可以为点数或相对于窗口高度的百分比。
    (6)border:设置图像外围边框宽度,其值为正整数。
    (7)hspace:设置水平方向空白(图像左右留多少空白)。
    (8)vspace:设置垂直方向空白(图像左右留多少空白)。
    (9)align:设置在页面中的位置,可以为LEFT、RIGHT或CENTER。 P79
    视频标记功能  性:(1)src:设置一副静态图像的URL地址,在未载入AVI文件时,先在AVI的播放区域显示该图像。
    (2)dynsrc:设置视频文件存放的路径和文件名。
    (3)loop:设置视频文件播放的次数,如果其值为INFINITE,则表示反复播放知道浏览者离开网页。
    (4)start:设置何时开始播放视频文件,他有两个属性值fileopen和mouseover。fileopen是指在链接到含本标记的页面时开始播放,mouseover是指将鼠标移动到AVI播放区时开始播放,默认值为fileopen。另外,当鼠标在AVI播放区单击时,也可使浏览器开始播放。
    (5)controls:在视频窗口下附加Windows的AVI文件播放控制条。
    (6)loopdelay:设置两次播放的间隔时间,单位是毫秒。
    说明:IMG还有一些常见属性,如width,height,align等,也可以使用。 
    背景音乐标记  (1)src:用于指明声音文件的URL地址。
    (2)loop:控制播放次数,取-1或INFINITE时,声音将一直播放到浏览者离开该网页为止。 
    多媒体标记  (1)src:用于指明多媒体文件所在路径,可以插入的常见的多媒体文件包含SWF动画、MP3音乐、MPEG格式的视频和AVI格式的视频。
    (2)height和width:设置多媒体播放的区域,取值为点数或相对于窗口的百分比。
    (3)hidden:用于控制播放面板的显示和隐藏。当hidden=“True”时,隐藏面板;当hidden=“False”时,显示面板。
    (4)autostart:用于控制多媒体内容是否自动播放。当auto=“True”时,自动播放;当hidden=“False”时,不自动播放。
    (5)loop:用于控制多媒体内容是否循环播放。当loop=“True”时,无限次循环次数;当loop=“False”时,仅播放一次。 
    超链接标记 显示的文本或图像 (1)href:设置要链接到的目标的URL地址。
    (2)target:指定打开链接的目标窗口。当target=“_self”时,表示在原窗口显示链接页面;当target=“_blank”时,表示在新窗口显示链接页面;target=“_parent”时,表示在上一级窗口中打开,使用分帧的框架会经常使用;当target=“_top”时,表示在浏览器的整个窗口中打开,忽略任何框架。默认时指在原窗口中打开链接。 
    表单标记  ...  (1)name:设置表单名称。
    (2)method:定义处理程序从表单中获得信息的方式,其取值为GET或POST.GET方式表示处理程序从当前HTML文档中获取数据,但通过这种方式传送的数据量是有限制的,一般限制在1KB以下;POST方式与GET方式相反,它表示当前的HTML文档把数据传送给处理程序,传送的数据量要比使用GET方式大得多。
    (3)action:用来定义表单处理程序(ASP,CGI等程序)的位置(相对地址或绝对地址)。如http://xinxin0122.myetang.com/counter.cgi">,当用户提交表单时,服务器将执行网址http://xinxin0122.myetang.com/上名为counter.cgi的CGI程序。
    (4)enctype:设置表单资料的编码方式。
    (5)target:设置返回信息的显示窗口。 
    输入标记  (1)name:设置输入区域的名称。服务器就是通过调用某一输入区域的名字来获得该区域数据的。
    (2)typr:设置输入区域的类型。常用的type属性值有10种,下面分别介绍:
    (a)文本域 Text用来设定单行的输入文本区域  
    格式:
    属性:maxlength为文本域的最大输入字符数;size为文本域的宽度(义字符为单位);value用于设置文本的初始默认值。
    (b)密码域 Password 在表单中还有一种文本域形式为密码域,输入到文本域中的文字均以星号“*”或圆点显示
    格式:
    属性:maxlength为密码域的最大输入字符数;size为密码域的宽度
    (c)文件域 File文件域可以让用户在域的内部填写自己硬盘中的文件路径,然后通过表单上传,这是文件域的基本功能,如在线发送E-mail时常见的附件功能。文件域的外观是一个文本框加一个“浏览”按钮,用户即可以直接将要上传给网站的文件的路径写在文本框内,也可以单击“浏览”按钮,在自己的电脑中找到要上传的文件。
    格式:
    属性:
    (d)复选框 Checkbox 复选框能够让浏览者进行项目的多项选择,一般以一个方框表示。
    格式:
    属性:checked表示此项被默认选中;value表示选中项目后传送到服务器端的值。
    (e)单选框 Radio 单选框能够让浏览者进行项目的单项选择,以一个圆框选择。
    格式:
    属性:checked表示此项被默认选中;value表示选中项目后传送到服务器端的值。
    (f)普通按钮 Button 普通通按钮主要是用来配合程序(如JaveScript脚本)的需要来进行表单处理的。
    格式:

属性:value值代表显示在按钮上面的文字。
(g)“提交”按钮 Submit 单击“提交”按钮后,可以实现表单内容的提交。
格式:
(h)“重置”按钮 Reset 单击“重置”按钮后,可以清楚表单内容,恢复默认的表单内容设定。
格式:
(i)图像域 IMAGE
格式:
属性:src用于设置图片的路径。图像域是指可以用在“提交”按钮上的图片,这幅图片具有按钮的功能,如果网页使用了比较丰富的色彩,或稍微复杂的设计,再使用表单默认的形式往往会使人觉得单调,甚至会破坏整体的美感。这是,就可以使用图像域来创建和网页整体效果相统一的图像提交按钮。
(j)隐藏域 Hidden
格式:
属性:隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被表单处理的程序所使用。浏览者单击“发送”按钮发送表单的时候,隐藏域的信息也一起被发送到浏览器。 
菜单和列表标记 格式: 标记对之间
(1)value:该属性用来给
0 0