第3章网页元素编辑.pptVIP

网页设计基础 3.1 文字编排 1、 段落与换行 换行控制标记br / 语法：前一行文字br /后一行文字 分段控制标记p 语法：p段落文字/p p的属性有align 其属性可选值：right left（默认） center 语法：p align=“参数值”段落文字/p 2、预格式化标记pre 语法：pre段落文字/pre 3、 居中对齐 语法：center居中文字/center 4、 插入水平线 语法：hr align=“参数值” size=“参数值” width=“参数值” color=“参数值” noshade=“noshade” / 5、插入特殊符号 html head title文字编排实例/title /head body background=pic104.jpg center 沁园春nbsp;nbsp;雪 (1936.02 ) hr width=50% size=5 color=red noshade=“noshade 北国风光，千里冰封，万里雪飘。br / 望长城内外，惟馀莽莽；大河上下，顿失滔滔。br / 山舞银蛇，原驰蜡象，欲与天公试比高。br / 须晴日，看红妆素裹，分外妖娆。p 江山如此多娇，br / 引无数英雄竞折腰。br / 惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。br / 一代天骄，成吉思汗，只识弯弓射大雕。br/ 俱往矣，数风流人物，还看今朝。 /center /body /html 3.2 文字美化 1、 字体设置 标题文字标签hn hn标签一共六级，h1和/h1之间的文字是第一级标题，以此类推。由h1到h6逐渐变小，每个标题标记所标示的字句将独占一行且上下留一行空白行。 hn的属性有align 。 语法：hn align=“参数值”标题文字/hn html head title标题文字/title /head body h1 align=“center”一级标题/h1 h2二级标题/h2 h3三级标题/h3 h4四级标题/h4 h5五级标题/h5 h6六级标题/h6 /body /html 字体标记 文字格式控制标签font font的属性有face,size,color。 Face设定文字字体，其属性为字体名称。 Size设定文字大小，取值1-7，默认值3。 Color设定文字颜色，可以用#nnnnnn,也可以采用颜色名称。 语法：font face=“参数值” size=“参数值” color=“参数值”文字/font html headtitle文字格式/title/head body center font face=“黑体” size=“5” color=“blue” 少年行/fontbr / font face=“楷体” size=“4” color=“red” 新丰美酒斗十千，咸阳游侠多少年。br / 相逢意气为君饮，系马高楼垂柳边。 /font /center /body /html 2、文字修饰 html head title文字修饰实例/title /head body background=“pic104.jpg” b七律　长征sup一九三四年十月中央红军从江西、福建出发，于一九三五年十月到达陕北，行程二万五千余里。/sup/bp u红军不怕远征难，万水千山只等闲。/ubr / i五岭逶迤腾细浪，乌蒙sub云贵间金沙江南岸的山脉。/sub磅礴走泥丸。/ibr / small金沙水拍云崖暖，大渡桥横铁索寒。/smallbr / big更喜岷山千里雪，三军过后尽开颜。/big/body/html 3、列表与项目符号 无序列表 无序列表标签ul 是一个双标签 语法： ul type=“参数值” li项目1/li li项目2/li …… li项目n/li /ul type用来设定控制符号,其属性值有disc, circle, square。 (1)disc用于设定一个实心圆点，为默认值。 (2)circle用于设定一个空心圆点。 (3)square用于设定一个实心方形。 有序列表 有序列表标签ol 语法： ol type=“参数值1” start=“参数值2” li项目1/li li项目2/li …… li项目n/li /ol Type的参数值 html head title 列表与项目符号实例 /title /head body ul type=“circle” 3.3 插入图像 语法： img