html第五章.pptVIP

5 制作文本页面 目标 掌握输入文本、 设置文本属性、 文本的修饰、 段落的设置、 制作列表 5.1.1 输入普通文字 直接输入、复制都可以。 复制、剪切、贴粘在编辑菜单下 5.1.2 输入空格和特殊符号 因有特殊含义不能直接显示或普通键盘无法直接输入的字符需用特殊的名称或者数字字符进行编码，输入这些特殊字符时需输入此编码进行替代。 编码组成：在“”符号与分号之间包含特殊字符在标准字符集里面的位置编号且中间没有任何空格。 常用的特殊字符 “ quot; § sect; amp; ￠ cent; lt; ￥ yen; gt; ? middot; ? copy; € euro; ? reg; ￡ pound; ± plusmn; ? trade; × times; 5.1.2 输入空格和特殊符号 Dreamweamver可视化实现 插入文本框----“文本”标签----更多“其他字符”----查看效果。 5.1.3 添加注释 注释：由编码者添写的，用于对代码进行检查与维护的说明文字，注释不会出现在浏览器中。 HTML代码实现 !--版权文字--copyright?2000-2006 浏览器允许把注释放在特殊的comment标签或“!--”和“--”标签中间。 Dreamweaver可视化实现 “菜单栏”----“插入快捷栏”----“常用”----“注释”----对话框中输入注释----确定----查看源代码。 !--页面版权信息-- 5.2.1 设置字体 HTML代码实现 font face=”隶书”技术支持/font Face属性定义了字体，不同的字体可以定义多次，字体之间使用“，”分开，如果第一种字体系统中不存在，就显示第二种字体，如果字体都不存在就显示默认的字体。 CSS代码实现 span style=font-family:”黑体”;技术支持/span 5.2.1 设置字体 Dreamweaver可视化实现 选中文字----属性面板“字体”下拉列表框----默认字体6种----“格式”下拉框中选择“编辑字体列表”----确定----查看源码。 style type=text/css //head中添加 !-- .STYLE1 {font-family: 黑体} -- /style span class=STYLE1技术支持/span //body中添加 5.2.2 设置字号 HTML代码实现 font size=”4”技术支持/font Value取值范围从1～7或者从+1～+7，从-1～-7，1是最小的字号，7是最大的字号。 CSS代码实现 span style=font-size:14px;技术支持/span Font-size属性允许使用相对或绝对长度值，百分比及关键字来定义字体大小。 5.2.2 设置字号 Dreamweaver可视化实现 选择字体----“大小”下拉列表框----查看源码。 style type=text/css //head中添加 !-- .STYLE2 {font-size: 14px} -- /style span class=STYLE2技术支持/span //body中添加 5.2.3 设置颜色 HTML代码实现 font color=”#cc0000”技术支持/font Color属性定义颜色，VALUE定义颜色的名称或者十六进制代码。 CSS代码实现 span style=color:#cc0000;技术支持/span Dreamweaver可视化实现 选中文字----“颜色”框----查看源码。 style type=text/css //head中添加 !-- .STYLE2 {color: #990000} -- /style span class=STYLE2技术支持/span //body中添加 5.3.1 粗体 HTML代码实现 strong技术支持/strong CSS代码实现 span style=”font-weight:bold;”技术支持/span Font-weight的值有：Normal正常值、bold粗休，字体粗细约为700，bolder粗体再加粗，字体粗细约为900，lighter比默认字体还细，100-900必个级别，数字越大字体越粗。 5.3.1 粗体 Dreamweaver可视化实现 选择字体----单击属性面板上的“B”----查看源码。 style type=”text/css” //head中添加 !-- .style3{ Font-weight:bold; } --