71HTML自学文档(word版)

HTML自学文档HTML标记总结html//文件开始标记head//文件的头部开始标记titleHTML总体结构/title//头部/head//头部结束标记body//文件的主体开始标记hello!/body//主体结束标记/html//文件结束标记编写时的注意事项（1）元素的标记都要用尖括号括起来，成对使用的标记的结束标记是在开始标记之前加一反斜杠，如html与/html。（2）代码不分大小写，如boDY与BODy都是正确的，但是所有符号如、“”都必须是英文输入法。（3）标记!--……--表示其中的内容是注释语句，在浏览器中不会显示出来。4、页面的头部标记和主体标记（1）页面的头部标记headHTML文档的头部内容/head一般来说位于头部的内容都不会在网页上显示，而是通过别的方式体现。常用的头部标记有以下几个：base当前文档的URL全称（基底网址）basefont设定基准的文字字体，字号和颜色title设定显示在浏览器左上方的标题内容isindex表示该文档是一个可用于检索的网关脚本，由服务器自动建立。meta是有关文档本身的元信息，如用于查询的关键词，用于获取该文档的有效期等。style设定CSS层叠样式表的内容link设定外部文件的链接script设定页面中程序脚本的内容（1）title标题标记titleWeb页面的标题/title在HTML里title和/title是位于html文档头部的，即head和/head之间。（2）meta信息标记1）定义编辑工具metaname=“generator”content=“value”generator定义编辑器，content定义编辑器的名称。2）设定关键字metaname=“keywords”content=“value”keywords是定义关键字，content是关键字的具体内容，作用就是方便搜索引擎来搜索到此页面。3）设定页面描述，作者等信息。metaname=“discription”content=“描述内容”metaname=“author”content=“作者”4）设定字符集metahttp-equiv=”content-type”content=”text/html;charset=码值”html页面能够以不同的字符集来表示，如GB,BIG5,ISO8859-1等就是几种不同的编码，在charset属性里面定义以后浏览器就能够以相应的内码来显示页面的内容。如果charset设定的字符集不包含在浏览器里，那么浏览器就会自动弹出对话框提示用户要下载安装相应的语系。5）设定自动刷新与自动跳转metahttp-equiv=“referesh”content=“时间值；url=url地址”Refresh表示动作为刷新，时间值就是刷新间隔的秒数，若是跳转，要加上跳转的url地址。（2）、页面的主体标记body主体内容（使用HTML语言编写的Web页面文件）/body1)背景色彩和文字色彩bodybgcolor=#text=#link=#alink=#vlink=#bgcolor背景色彩text非可链接文字的色彩link可链接文字的色彩（默认的没有单击过的链接所显示的文字的颜色）alink正被点击的可链接文字的色彩（鼠标按下时链接文字显示的颜色）vlink已经点击(访问)过的可链接文字的色彩#=rrggbbbodybackground=“image-URL”背景图象bodybgproperties=FIXED背景不滚动16种标准颜色色彩名16进制值色彩名16进制值Aqua（水蓝色）#00FFFFNavy（藏青色）#000080Black（黑色）#000000Olive（茶青色）#808000Blue（蓝色）#0000FFPurple（紫色）#800080Fuchsia（樱桃色）#FF00FFRed（红色）#FF0000Gray（灰色）#808080Silver（银色）#C0C0C0Green（绿色）#008000Teal（茶色）#008080Lime（石灰色）#00FF00White（白色）#FFFFFFMaroon（褐红色）#800000Yellow（黄色）#FFFF002)关于页面背景页面背景bodybackground=clouds.gifbodybackground=http://-+)链接(link)链接ahref=URL.../a5、HTML标记语言——文本格式(这些标记都是包含在body…/body中的)（1）格式标记1）段落标记与(不)换行标记段落标记p…/p换行标记br不换行标记nobr…/nobr2）段落标记的对齐属性段落左对齐palign=left…/p段落居中palign=center…/p段落右对齐palign=right…/p3）预格式标记pre…/pre预格式化：就是保留文字在源代码中的格式，页面中显示的效果和源代码中的效果完全一致。4）居中标记居中标记center…/center5）缩排标记缩排标记blockquote…/blockquote使用缩排标记，可以实现页面文字的段落缩排。（2）文字标记1）文字标记字体:fontface=“font_name1,font_name2,…”…/font字号：fontsize=“value”…/font颜色：fontcolor=“value”…/font2）特殊符号的输入特殊符号符号码空格 &&<>“"©©®®3）标题字标记标记描述h1…/h1一级标题h2…/h2二级标题h3…/h3三级标题h4…/h4四级标题h5…/h5五级标题h6…/h6六级标题4）标题字的对齐属性标题左对齐hnalign=left…/hn标题居中hnalign=center…/hn标题右对齐hnalign=right…/hn5）文字的修饰标记粗体b…/bstrong…/strong斜体I…/IEM…/EMcite…/cite上标sup…/sup下标sub…/sub大字号big…/big小字号small…/small删除线s…/sstrike…/strike下划线u…/u6）使用图像○1插入图片：imgsrc=“file_name”src属性指定路径file_name为要插入图片的路径○2图像控制属性描述ALT用于说明或者描述图片的提示性文字Width/Height图片的宽度高度Border边框Vspace图片和文字垂直间距Hspace水平间距Align排列○3HR标记hralign=valuewidth=valuesize=valuenoshadecolor=valuehr作用是在页面上加一条水平线。水平线排列属性hralign=lefthralign=centerhralign=right水平线宽度属性hrwidth=valuehrwidth=value%默认情况下，水平线的宽度为100％水平线的宽度可以以绝对的像素为单位，也可以以相对的百分比为单位。水平线高度属性hrsize=value水平线的高度只能使用绝对的像素定义。水平线去掉阴影属性hrnoshade默认的水平线是空心立体的效果，利用此属性可以将其设置为实心并且不带阴影的水平线。水平线颜色属性hrcolor=value○4滚动字幕效果marquee…/marqueeWidth/height滚动区域高度/宽度align滚动字幕对齐方式behavior滚动字幕如何移动bgcolor滚动区域背景色direction文本滚动方向Hspace/vspace滚动字母水平垂直间隙loop滚动重复次数scrollamount滚动间的步进像素scrolldelay两次文本重复间的延迟6、列表与超级链接的建立有序列表：一种在各项内容前显示有数字或字母的缩排列表。无序列表：也称强调式列表，它是一种在各项内容前显示有特殊项目符号的缩排列表定义列表：各项并列而不加任何符号的列表，也属于无序列表。（1）有序列表OLolli项目一/lili项目二/li…/ol有序列表的特征：○1列表项部分和上下段文本之间各有一行空白。○2列表项目向右缩进并左对齐。○3各项前面带有序号。在OL或者LI标记内使用type属性可以设定5种序号:(默认时是以阿拉伯数字显示)Type取值意义1阿拉伯数字（默认）a小写字母A大写字母i小写罗马数字I大写罗马数字注：OLtype=““的作用域为整个标记范围。LItype=““的作用域为当前项。实际应用中多使用在OL标记内设定的方法。设定起始序号默认情况有序列表是从1开始计数，我们可以用START属性设定列表从任意一个数字开始。olstart=xlivalue=“x”/li/ol(2)无序列表ULLI项目1/liLI项目2/li…/UL无序列表的特征：○1项目部分和上下段文本之间各有一行空白。○2项目自动向右缩进而且是左对齐。○3各项前面带加重记号。无序列表的加重记号：在无序列表中，使用type属性可以改变表项前面的加重符号。ULtype=“value”定义所有表项的符号LItype=“value”定义一项的符号属性值有三种：disc----实心圆点circle----空心圆点square----实心小矩形（3）菜单列表标记MENU菜单列表也是一种无序列表，它使用标记MENU来建立菜单列表。MENULI项目1/LILI项目2/LI…/MENU注：以下两种方式的显示结果一致：HTMLHEADTITLE建立无序列表/TITLE/HEADBODYULLI建立无序列表/TITLE/HEADBODYMENULI（4）目录列表标记DIR它也是一种无序列表，使用也与UL一样。DIRLI项目1/LILI项目2/LI…/DIR（5）定义项目列表标记DL此标记定义了两个层次的列表，第二层次的内容为第一层次的解释。DLDT定义名词1DD名词1的说明DT定义名词2DD名词2的说明DT定义名词3DD名词3的说明…/DL注意：dt与dd是单标记。dt定义项目，自动换行并且左对齐。（6）列表的嵌套DLDT名词1DD解释1DD解释2DT名词2DD解释1DD解释2……/DL（7）超链接的建立1）链接至本机另一Web页面ahref=″URL″文字/a2）链接到另外一台机器上的Web页面ahref=″URL″XX主页/a3）链接到链接到同一Web页面的其他段落需要先做出一个“锚”标记，即链接的目标地，再做到“锚”的链接。到“锚”的链接与平常相同。（eg.如下）htmlbodyahref=“#第一章”从这里可链接到第一章/aaname=“第一章”“锚”标记/a/body/html4）链接到不同网页的