HTML图片(Images)
用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下:
<img src="url"> url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif,也可以是个相对路径 "../images/logo/blabla_logo01.gif"。
图片alt属性<img>中有一个alt属性,英文叫alternate text。例句如下:
<img src = "../images/html_tutorials/smile.jpg" alt="smile face">假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。
其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。
图片align属性用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。
图片的大小在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。
建议图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。
HTML字体(Fonts)
在HTML里,可以用font这个元素及其属性来设定字体的大小,颜色和字体风格。
字体大小用字体大小属性(size)来设定字体的大小。示例代码如下:
<p><font size="2">这一段的字体大小的值是2。</font></p>
字体风格用face属性来设定字体风格。示例代码如下:
<p><font fac="arial">这一段的字体风格是arial。</font></p> 字体颜色用颜色属性(color)来设定字体颜色。
<p><font color="#FF0000">这一段的字体颜色是红色</font></p>
注意HTML4的标准中,已经不建议使用font及其属性来设定字体,而是建议用CSS来设定字体的大小,颜色,字体风格等。
HTML背景颜色和背景图片
background属性background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如:
<body background="../images/html_tutorials/blabla_logo.gif"><body background="http://www.cnzhanzhang.com/html/gifs/blabla_logo01.gif">如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。