用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。 示例
图片的上下对齐方式:
图片的左右对齐方式:
图片的大小 在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。 示例
你可以使用Height和Width属性来改变图片的大小。
建议 图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。 更多示例 背景图片 这个示例演示如何将一个图片作为HTML网页的背景图片。
这个网页有背景图片哦!如果图片比页面小,图片会自动重复。
将一个图片作为一个超链接 这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件。你可以将一张图片作为一个链接,点击这个图片。 十二、HTML字体(Fonts)
在HTML里,可以用font这个元素及其属性来设定字体的大小,颜色和字体风格。
字体大小
用字体大小属性(size)来设定字体的大小。示例代码如下:
演示示例
以下第一段用的是arial字体,第二段用的是courier字体,第三段用的是verdana字体。
字体颜色 用颜色属性(color)来设定字体颜色。 字体颜色代码请参见附件二。 演示示例
这段文字用的是缺省的字体颜色。
注意 HTML4的标准中,已经不建议使用font及其属性来设定字体,而是建议用CSS来设定字体的大小,颜色,字体风格等。 十三、HTML背景颜色和背景图片HTML的
有两个关于背景的属性,一个是 bgcolor,是设置背景颜色的;另一个是 background,是设置背景图片的。bgcolor属性
bgcolor属性用来设置HTML网页的背景颜色。
示例
看,这个页面是黄色的。
background属性
background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如:
如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。
示例
这个网页有背景图片哦!
如果图片比页面小,图片会自动重复。
建议 bgcolor和background这两个的属性,在新的HTML标准(HTML 4 and XHTML)里已不建议使用,而建议用CSS设置背景颜色和图片。 为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。 十四、HTML头部信息(Head)HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。
另外,搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页,你也要填写适当的head信息。(网站被搜索引擎收录,还有其它的方法,比如被其它网站链接,这里不赘述,请浏览搜索引擎网站。)
下面说几个常用的head信息里的html元素,如标题(title),链接(link),样式(style)以及关于信息(meta)。
标题(title)
标题(title)是最常用的head信息。它不显示在HTML网页正文里,显示在浏览器窗口的标题栏里。见图:
示例代码如下:
链接(link)