观看第二讲教程演示 - 硅谷动力.PPT

HTML第二讲 主讲：吴涛 文字标签属性——1 文字属性标记 1.文字颜色 指定颜色 font color=# ... /font #=RRGGBB 16 进制数码 例：01.htm 文字标签属性——2 文字属性标记 2.文字字体 font face=“#, #, ..., #” ... /font#=客户端可获得的字体 02.htm 文字标签属性——3 文字属性标记 3.文字大小 font size=# ... /font #=1, 2, 3, 4, 5, 6, 7 or +#, -# 例：03.htm 文字标签属性——4 文字属性标记 4.文字标题 h# ... /h# #=1, 2, 3, 4, 5, 6 例：04.htm 文字布局 行的控制 段(Paragraph) (可以看作是空行) p 空白占位符nbsp; 例：05.htm 文字布局 行的控制 HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话，就要用到另一个元素，即br元素。br元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。br元素不是成对出现的。 例：06.htm 不换行nobr 07.htm HTML文字与段落格式控制 body…… i倾斜文本/i b粗体文本/b u下划线文本/u s删除线文本/s ……/body 例：08.htm、09.htm、10.htm、11.htm(综合练习) 基本组成部分—HTML注释 HTML文档可以插入注释。注释内容不会在浏览器窗口显示 HTML注释的格式为：!-- 注释内容 -- !--多行注释内容 -- 例：12.htm 文字的对齐 hn align=#.../hn (n=1,2,3,4,5,6) p align=#.../p (#=left, center, right) 例：13.htm 文字的分区显示 div align=# ... /div (#=left, center, right) 例：14.htm 3.HTML段落与分行控制 居中--- center元素 center元素是一个独立的使所标记的字符居中的元素。它的作用与使用p元素里的align=“center”类似 例如：center居中段落/center 15.htm 3.HTML段落与分行控制 标尺线 hr size = #：设定线宽 hr width=#：设定线长 hr align=#：设定对齐方式 #=left, right hr color=# ：设定线的颜色 例：16.htm 3. HTML的段落与分行控制 无序列表元素—1列表在HTML的文档里有重要的地位,HTML规定了多种列表元素。列表所起的主要作用是使特定的文本有序化。 3. HTML的段落与分行控制 无序列表元素—2 无序列表是由ul和li元素定义的: ul lisports/li li food /li li drink /li li friends /li /ul 例：17.htm 3. HTML的段落与分行控制 无序列表元素—3 无序列表的默认符号是圆点。 ul元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆)、circle（圆圈）、square（方块） 例：18.htm 3. HTML的段落与分行控制 有序列表元素—1 有序列表由ol和li定义: ol lisports/li li drink/li li friends/li /ol 例：17.htm 3. HTML的段落与分行控制 有序列表元素—2ol元素也有自己的type属性，type属性的属性值有1、A、a、I、i等。例如，我们以A、B、C……作为列表的编号例： 19.htm ol元素还可以定义列表的起始编号，如我们希望列表的第一个编号为5，而不是1，则需要定义ol元素的start属性 例：20.htm 4.超级链接—普通超级链接1 超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念，那么，我们现在所有的WWW的应用将不复存在。所以，对超级链接的掌握具有特殊重要的意义。 4.超级链接—普通超级链接2 超级链接是用锚元素a定义的 在a元素下，有元素属性href,href的属性值为一个URL地址 如：a href=“/eschool”指向学院的超级链接/a 如：a href=“29.htm普通超级链接/a 例：21.htm 4.超级链接—E-mail超级链接 超级链接可以指向E-mail地址 如：a href=“mailto:hzh