网页设计 NO2.pptVIP

网页设计 标题文字的建立 文字格式标记 段落标记 水平线标记 其他标记 网页设计 网页设计 无序列表的设计 有序列表的设计 定义列表标记 列表的嵌套 网页设计 1、标题文字标记 2、标题文字的对齐方式 标题文字的建立 1、标题文字标记 h1 标题内容/h1 。。。 h6 标题/h6 标题文字的建立 2、标题文字的对齐方式 语法： 以1级标题为例: h1 align=“对齐属性”标题内容/h1 对齐属性：left（默认）、right、center 标题文字的建立 1、设置文字字体 2、设置字号 3、设置文字颜色 4、粗体、下划线、斜体 5、上标与下标 6、设置删除线 7、空格 文字格式标记 1、设置文字字体 语法： font face =“字体1，字体2，…” 应用字体的文字 /font 注意：face属性的值可以是1个或者多个。 默认情况下使用第1种字体。 若第1种字体不存在，则使用第2种，依次类推。 文字格式标记 2、设置字号 语法： font size =“文字字号” 应用字体的文字 /font 注意： 文字的字号可以设置成1~7， 也可以是+1~+7，-1~-7，正负是相对于默认文字大小设定 文字的默认大小为3号字大小 文字格式标记 3、设置文字颜色 语法： font color=“颜色代码或者颜色名称” 应用字体的文字 /font 文字格式标记 4、粗体、下划线、斜体 语法： strong要修饰成粗体的文字/strong b要修饰成粗体的文字/b em要修饰成斜体的文字/em I要修饰成斜体的文字/I u要修饰成带下划线的文字/u 文字格式标记 5、上标与下标 语法： sup上标内容/sup sub下标内容/sub 文字格式标记 5、设置删除线 语法： strike要添加删除线的文字/strike 文字格式标记 6、空格 语法： nbsp; 文字格式标记 7、其他特殊符号 语法： “ quot; amp; lt; gt; 文字格式标记 1、段落标记 2、换行标记 3、居中对齐标记 段落标记 1、段落标记 语法： p段落文字/p 注意：段落标记p可以没有结束标记/p 段落标记 2、换行标记 语法： 需要换行的文本br 注意：段落标记p的换行是隔行的。 换行标记br的换行是紧凑的。 段落标记 3、居中对齐标记 语法： center需要居中的文本/center 段落标记 1、水平线标记 2、设置水平线的宽度与高度 3、设置水平线的颜色 4、设置水平线的对齐方式 5、去掉水平线阴影 水平线标记 1、水平线标记 语法： hr 水平线标记 2、设置水平线的宽度与高度 语法： hr width =“ 水平线宽度值” size=“水平线高度值” 注意：水平线宽度值可以是绝对像素值，也可以是 相对百分比。 水平线标记 3、设置水平线的颜色 语法： hr color=“颜色代码或者颜色名称” 水平线标记 4、设置水平线的对齐方式 语法： hr align=“对齐方式” 对齐方式：left、right、center（默认值） 水平线标记 5、去掉水平线阴影 语法： hr noshade 水平线标记 1、无序列表标记 语法： ul li第一项/li li第二项/li …… /ul 无序列表的设计