《网页前端技术》HTML任务二.ppt

内容是要给的加上下标的，value是上下标的确切值 * 注意：width中绝对值（像素）和相对值（百分比），相对值设置的长度会随着页面窗口的变化而变化，而绝对设置的不会变。 * 用hr标记来设定，有三个属性： size： 水平线的宽度 ； width：水平线的长，用百分比或象素值来表示 ； align： 水平线的对齐方式； noshade： 线段无阴影属性，为实心线段 3 水平线 案例步骤 一、段落 记事本中输入代码： html head title段落/title /head body p《红楼梦》 第一回 甄士隐梦幻识通灵　贾雨村风尘怀闺秀/p 　p此开卷第一回也。作者自云：曾历过一番梦幻之后，故将真事隐去，而借 通灵说此《石头记》一书也，故曰“甄士隐”云云。/p　　 　p当此日，欲将已往所赖天恩祖德，锦衣纨之时。 /body /html 二、自动换行 记事本中输入代码： html head title换行/title /head body p《红楼梦》 第一回 甄士隐梦幻识通灵　贾雨村风尘怀闺秀/p 　p此开卷第一回也。作者自云：br曾历过一番梦幻之后，故将真事隐去，而借 通灵说此《石头记》一书也，故曰“甄士隐”云云。/p　　 　p当此日，欲将已往所赖天恩祖德，锦衣纨之时。 /body /html 三、排版 记事本里代码如下： HTML HEAD TITLE预格式居中缩排/TITLE /HEAD BODY pcenter春 /centerp PRE BLOCKQUOTE 这是第一个缩排标签，此处只有一个缩排标签，所以会离屏幕左边空出几个空格/BLOCKQUOTE BLOCKQUOTEBLOCKQUOTE 这是第二个缩排标签，因为连续加了2个缩排标签， 所以会在第一个标签所生成的空格的基础上再加上几个空格，是原来的2倍。/BLOCKQUOTE/BLOCKQUOTE BLOCKQUOTEBLOCKQUOTEBLOCKQUOTE 此处文字是连续加了3个BLOCKQUOTE 标签后显示的样式，原理同上。 /BLOCKQUOTE/BLOCKQUOTE/BLOCKQUOTE /PRE /BODY /HTML 四、水平线 记事本里代码如下： HTML HEAD TITLE水平线的设定/TITLE /HEAD BODY P这是第一条线段，无ALIGN设定，(取内定值CENTER显示)BR HR WIDTH=50% SIZE=5 P这是第二条线段，向左对齐BR HR WIDTH=60% SIZE=7 ALIGN=LEFT P这是第一条线段，无size设定，取内定值SIZE=1来显示BR HR / P这是第二条线段，SIZE=5BR HR SIZE=5 P这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示BR HR SIZE=3 P这是第二条线段，WIDTH=50(点数方式)BR HR WIDTH=50 SIZE=5 P这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示BR HR WIDTH=80% SIZE=5 P这是第二条线段，有NOSHADE设定BR HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE /BODY /HTML 案例三 用列表让网页格式更工整 这个案例里学习带有列表、编号的网页 案例资讯 列表标签在HTML中合理使用会使网页结构清晰 减少垃圾代码 一 列表符号 无序列表 有序列表 目录列表 定义列表 菜单列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表开始于ul标签，每个列表项始于li。即： ul…/ul用来标记无序列表的开始和结束。li …/li用来标记有序或无序列表的列表项目的开始和结束。 语法：ulli …/li/ul 1 无序列表 是一列项目，列表项目用数字进行标记，有序列表开始于ol标签，每个列表项始于li标签。 语法：olli …/li/ol 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 2 有序列表 目录列表用dir标签，用于显示文件内容的目录大纲，通常用于设计一个压缩窄列的列表，用于显示一系列的列表内容，例如字典中的索引或单词表中的单词等。列表中每项至多只能有20个字符。 语法：dirli …/li/dir 3 目录列表 4 定义列表 自定义列表不仅仅是一列项目，而是项目与其注释的组合。自定义列表以dl标签开始，每个自定义列表项以dt开始，每个自定义列表项的定义以dd开始。 定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 menu标签可以定义一个菜单列表，现