030网页基本标签.ppt

设置段落缩进blockquote 实例代码 字符格式化标签 * HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY P B这很有趣/B --粗体 BR BR I足球是最令人喜爱的运动之一。/I BR BR U信息技术是发展的关键。/U BR BR 水的分子式是 H SUB2/SUB O。 BR BR 3 SUP2/SUP 等于 9。 BR BR /P /BODY /HTML 这类标签用于对文本应用各种格式， 如粗体、斜体、下划线、下标、上标等 样式表来取得更加丰富的效果 使用字体和属性 * HTML HEAD TITLE动物世界/TITLE /HEAD BODY H1了解有关动物的更多信息/H1 PFONT SIZE = 5 COLOR = BLUE FACE = Arial斑马的特性/FONT P没有任何两匹斑马FONT COLOR = RED SIZE = 3的斑纹是完全一样的，/FONT因此每匹斑马都是独一无二的 /BODY /HTML FONT SIZE = 5 COLOR = BLUE FACE = Arial 可以按名称或十六进制值指定颜色 可以为字体指定的大小范围为从 1 到 7 可以指定一列字体，各字体间用逗号分隔。浏览器以最先找到的字体显示文本 FONT 元素及其相关属性（如 SIZE、COLOR 和 FACE）可用于控制网页上文本的显示 课堂练习 lab2 打开文件：02-01.html 添加html标签 h1, p 在段落前面加上 h2第一阶段/h2 h2第二阶段/h2 给标题 h1…/h1外添加center 把段落标签p替换为blockquote 给h2标签加上属性align=“right” 给body标签加上属性bgcolor=“#CCCCFF” * 课堂练习 lab2 将h1的center标签去掉，加上align=“center”的属性 给“起源”加上标签i\em 给“保障通讯”加上标签b\strong 给“互联网发展的”加上标签font face=“宋体” size=“7” color=“green” * 插入特殊字符 2-1 某些字符在 HTML 中具有特殊意义，如小于号 () 定义 HTML 标签的开始 字符实体用于在 HTML 文档中插入特殊字符，如版权号 ，注册商标等 通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用nbsp;表示空格。 * 插入特殊字符 需要用HTML字符实体 ? ? 空格 ； 插入特殊字符 2-2 特殊字符 字符实体 大于号 () gt; #62; 小于号 () lt; #60; 引号 (“) quot; #34; ? reg; #174; ? copy; #169; 号 amp; #38; * 课堂练习 lab2 在页面内容的最后面添加一个新段落p，输入以下文字： ----?新浪新闻中心 (-为mdash;) 设置为右对齐 加上背景音乐bgsound src=“gaoshanliushui.mp3” loop=“1” / 加上背景图片 body background=“guohua.jpg” * 列表简介 列表用于按逻辑方式对数据分组 * 玫瑰花 向日葵 兰花 苹果 桔子 水仙 芒果 水果 苹果 芒果 桔子 花卉 水仙 兰花 向日葵 玫瑰花 列表类型：无序列表 * … BODY H1星期中的每一天/H1 ul li星期日 li星期一 li星期二 li星期三 li星期四 li星期五 li星期六 /ul /BODY … 无序列表UL也称为“项目列表” … BODY H1星期中的每一天/H1 ol li星期日 li星期一 li星期二 li星期三 li星期四 li星期五 li星期六 /ol /BODY … 列表类型：有序列表 有序列表的属性 LI TYPE = I 大罗马 LI TYPE = i 小罗马 LI TYPE = A大写字母 LI TYPE = a小写字母 OL START = n起始点 * 在有序列表OL中，列表项以自动生成的顺序显示 不赞成使用，用样式取代它。 练习:列表 lab3 打开练习文件 6-2.html 输入以下列表文字： 暗夜巧用战争古树MF的操作和细节，部分专用术语讲解 誓死守卫-Insomnia的倔强，CS史上最具影响力 HeatoN专访“CS将成为大众化的游戏” CS新手最经常