html知识点.pptVIP

HTML对图片的控制--5 图片的对齐方式 图片可以相对于页面或单元格有一个对齐方式。 定义水平对齐方式的方法是： img src=“sample.jpg” align=“left” img rc=“sample.jpg” align=“right” 例：31.htm HTML对图片的控制--6 图片的对齐方式 定义图片的垂直对齐方式： img src=sample.jpg align=top img src=sample.jpg align=middle img src=sample.jpg align=bottom 对于图片的对齐方式不仅是以上几种，但是以上的几种是最常用的。 例：32.htm HTML对图片的控制--7 定义图片与左、右的文本之间的间距 图片在显示时，与左右的文本之间可以有一定的间距 img src=sample.jpg hspace=5 vspace=5 Hspace(horizontal)定义水平间距； Vspace(vertical)定义垂直间距。单位都是象素数. 例：33.htm HTML对图片的控制--8 图象的超级链接 图象的超级链接是指整个图象的超级链接，当点击图象的任何部分时，都会打开这个超级链接。定义默认超级链接的方法是： a href=“/eschool”img src=sample.jpg /a 所以，所谓超级链接实际上就是用a元素标志一个图象的引用; 例：34.htm HTML对图片的控制--9 图象映射 所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。这与前面的默认超级链把整个图片作为超级链接的元素是很不一样的。 HTML对图片的控制--10 图象映射（只要求理解标记含义） 图象映射由map定义。map有一个基本属性是name。Name给图象映射命名，这个命名将会被img元素用usemap属性引用。所以，图象上的图象映射实际上是对map定义的映射的一个引用。 map在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形rectangle)、poly(多边形) HTML对图片的控制--11 图象映射实例（35.htm） img src=bear.jpg usemap=#Map map name=“Map area shape=rect coords=46,29,253,164 href=# area shape=circle coords=76,510,59 href=# area shape=poly coords=219,482,253,448,310,462,297,527,220,523 href=# /map HTML第三讲 专业铸造品质 知识成就未来 作者仅授权硅谷动力网络学院发表该系列教程,版权归作者本人与网络学院拥有.任何个人与网站转载请联系hzhang@ 文字标签属性——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)