基于Web标准网页设计与制作第3章1html标记.pptVIP

《基于Web标准的网页设计》 唐四薪 编著 清华大学出版社 2009年11月 第三章 HTML标记功能详述 本章要点 文本格式标记 文本修饰标记（字体标记） 列表标记 超链接标记 图像和多媒体标记 HTML标记基础 2.什么是标记？ 标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。 标记可以具有相应属性即各种参数，如size、color、 text、 width和noshade等 。 例如：p font size=+1 color=red/font/p 文本格式标记 网页中添加文本的方法 网页中添加文本的方法 文本格式标记是网页中定义文本格式的标记 1）直接写文本div文本/div、td文本/td、body文本/body、li文本/li ； 2）用段落标记p……/p格式化文本，各段落文本将分行显示； 3）用标题标记hn……/hn格式化文本，作用：定义第n号标题字体，n=1~6，n值越大，字越小；文本将变为粗体显示，可看成特殊的段落标记； 4) 用预格式化标记pre……/pre格式化文本，标记内的文本将按原来的格式显示，保留文本中的所有空格、换行和定位符； 用标题标记hn……/hn格式化文本 h1第1号标题字体/h1 h3第3号标题字体/h3 h4第4号标题字体/h4 h5 align=center第5号标题字体（居中）/h5 标题标记和段落标记 body h1 align=center1号标题/h1 p第一段/p h33号标题/h3 p第二段/p h5 align=right5号标题/h5 p align=right第三段/p /body 用预格式化标记pre…/pre格式文本 pre 网页设计师这一职业在今后来说还是有需求的。 因为随着网络越来越普及， 像我国的房地产市场/pre 文本的强制换行br / 电子商务顾名思义就是在internet上做生意，br /商品展示，广告宣传、发布 供求信息等活动实现的途径就是网页。 强制不换行标记nobr……/nobr，常用英文人名 nobrBill Gates/nobr 文本中的空格 标记(pre除外)内字符前的空格浏览器将全部忽略，字符与字符间的空格浏览器将只保留一个空格显示，回车视为一个空格， 块级元素之间忽略所有空格。 如果要输入多个空格或需要在字符之前输入空格需在源代码中插入nbsp;（表示一个半角空格）。 行内元素可看成一个字符 文本中的转义字符 在HTML源代码中，有些字符有特别的含义，比如小于号“”就表示HTML 标记的开始，html源代码中的“”是不会在浏览器中显示的，如果要浏览器显示这些字符，就需要输出他们对应的转义字符。 例如：lt;表示 , gt;表示 , quot表示“ , amp;表示 , nbsp;表示空格等； 通常，一个字符实体是由三部分组成的： （1）一个“”符号 （2）字符专用名称或者字符代号 （3）一个“;”符号 在DW的设计视图中输入这些特殊字符，DW会自动在代码视图添加它们对应的转义字符 DW中插入HTML文本元素的快捷键 Enter 插入pnbsp;/p （硬回车） shift＋enter 插入br / （软回车） Ctrl＋shift＋space 插入一个nbsp; 综合实例 html head title分段换行与预格式/title /head body h3以下是直接写文本的情况：/h3 星期一、星期二、星期三、星期四、 星期五、星期六、星期日。 h3以下是使用了三个换行标记的情况：/h3 星期一、星期二、br /星期三、星期四、br/ 星期五、星期六、星期日。br / h3以下使用分段标记（分为两段）：/h3 p星期一、星期二、星期三、/pp星期四、 星期五、星期六、星期日。/p h3以下使用预格式：/h3 pre 星期一、星期二、星期三、星期四、 星期五、星期六、星期日。 /pre /body/html 跑马灯marquee标记 一个特殊的文本标记，能使其中的文本在浏览器屏幕上不断滚动。示例 其中behavior=“alternate”设置滚动方式为来回滚动，设置为scroll表示循环滚动，设置为slide表示滚动到目的地就停止。direction属性用于控制滚动的方向，可以上下滚动或左右滚动。loop设置滚动的次数，loop为0表示不断滚动。scrollamount属性设置滚动的速度，scrolldelay属性设置两次滚动间的间隔时间。 marquee示例