HTML第二讲(文字段落超级链接图片)
发布时间：2024-08-25
大学网站设计课件
HTML第二讲
© 1999, Cisco Systems, Inc.
2-1
大学网站设计课件
文字标签属性——1文字属性标记 1.文字颜色 –指定颜色 <font color=#> ... </font> –#=RRGGBB 16 进制数码
例：01.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字标签属性——2文字属性标记 2.文字字体 –<font face=“#, #, ..., #”> ... </font> #=客户端可获得的字体 02.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字标签属性——3文字属性标记 3.文字大小 –<font size=#> ... </font> –#=1, 2, 3, 4, 5, 6, 7 or +#, -# 例：03.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字标签属性——4文字属性标记 4.文字标题 –<h#> ... </h#> –#=1, 2, 3, 4, 5, 6 例：04.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字布局行的控制 段(Paragraph) (可以看作是空行) <p> 空白占位符 例：05.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字布局行的控制 HTML的段落与段落之间有一定的空隔。如果不希 望出现空隔而只想换行的话，就要用到另一个元素 ，即<br>元素。<br>元素可以使所在的位置出现换 行。这种换行和浏览器的自动换行的效果类似。 <br>元素不是成对出现的。 例：06.htm 不换行<nobr>
07.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
HTML文字与段落格式控制<body>…… <i>倾斜文本</i> <b>粗体文本</b> <u>下划线文本</u> <s>删除线文本</s> ……</body> 例：08.htm、09.htm、10.htm、11.htm(综 合练习)思科资讯计算机培训中心 tel:0991- 4544103 http://www.77cn.com.cn
大学网站设计课件
基本组成部分—HTML注释HTML文档可以插入注释。注释内容不会在 浏览器窗口显示 HTML注释的格式为： <!-- 注释内容 -- > <!--多行注释内容 -- >例：12.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字的对齐<hn align=#>...</hn> (n=1,2,3,4,5,6) <p align=#>...</p> (#=left, center, right) 例：13.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
文字的分区显示<div align=#> ... </div> center, right)例：14.htm
(#=left,
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
3.HTML段落与分行控制居中--- <center>元素 <center>元素是一个独立的使所标记的字符居中 的元素。它的作用与使用<p>元素里的 align=“center”类似
例如：<center>居中段落</center> 15.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
3.HTML段落与分行控制标尺线 <hr size = #>:设定线宽 <hr width=#>:设定线长 <hr align=#>:设定对齐方式 #=left, right <hr color=#> :设定线的颜色 例：16.htm思科资讯计算机培训中心 tel:0991- 4544103 www.x
http://www.77cn.com.cn
大学网站设计课件
3. HTML的段落与分行控制无序列表元素—1 列表在HTML的文档里有重要的地位,HTML 规定了多种列表元素。列表所起的主要作用 是使特定的文本有序化。
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
大学网站设计课件
3. HTML的段落与分行控制无序列表元素—2 无序列表是由<ul>和<li>元素定义的: <ul>
–<li>sports</li> –<li> food </li> –<li> drink </li> –<li> friends </li> </ul>
例：17.htm思科资讯计算机培训中心 tel:0991- 4544103 http://www.77cn.com.cn
大学网站设计课件
3. HTML的段落与分行控制无序列表元素—3 无序列表的默认符号是圆点。 <ul>元素有type属性，通过定义不同的type属性 可以改变列表的项目符号。目前，type属性的属 性值有： disc(圆)、circle(圆圈)、square(方块) 例：18.htm
思科资讯计算机培训中心
tel:0991- 4544103
http://www.77cn.com.cn
