html入门教程适合初学者8

盖百霖遮盖液 http://pf.39.net/bdfyy/bdfyw/180307/6086123.html

十二、HTML字体(Fonts)

在HTML里,可以用font这个元素及其属性来设定字体的大小,颜色和字体风格。

字体大小用字体大小属性(size)来设定字体的大小。示例代码如下:

演示示例

字体风格用face属性来设定字体风格。示例代码如下:

演示示例

字体颜色用颜色属性(color)来设定字体颜色。

字体颜色代码请参见百度一下。

演示示例

注意

HTML4的标准中,已经不建议使用font及其属性来设定字体,而是建议用CSS来设定字体的大小,颜色,字体风格等。

十三、HTML背景颜色和背景图片

HTML的body有两个关于背景的属性,一个是bgcolor,是设置背景颜色的;另一个是background,是设置背景图片的。

bgcolor属性bgcolor属性用来设置HTML网页的背景颜色。

示例

background属性background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如:

如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。

示例

建议

bgcolor和background这两个body的属性,在新的HTML标准(HTML4andXHTML)里已不建议使用,而建议用CSS设置背景颜色和图片。

为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。

十四、HTML头部信息(Head)

HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。

另外,搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页,你也要填写适当的head信息。(网站被搜索引擎收录,还有其它的方法,比如被其它网站链接,这里不赘述,请浏览搜索引擎网站。)

下面说几个常用的head信息里的html元素,如标题(title),链接(link),样式(style)以及关于信息(meta)。

标题(title)标题(title)是最常用的head信息。它不显示在HTML网页正文里,显示在浏览器窗口的标题栏里。见图:

示例代码如下:

链接(link)用链接(link)可以建立和外部文件的链接。常用的是对CSS外部样式表(externalstylesheet)的链接。示例代码如下:

有关CSS外部样式表和示例,详见百度CSS简介。

样式(style)用样式(style)可以设值网页的内部样式表(internalstylesheet)。示例代码如下:

有关CSS内部样式表和示例,详见百度CSS简介。

关于网页信息(meta)在计算机语言里,你经常可以看到一个前缀--meta,meta就是“关于”(about)的意思。

这meta解释起来比较拗口,比如metadata,意为描述data的data,英文即dataaboutdata。还有一个词叫metalanguage,表示一种描述其它语言的语言。再举一个例子,metafile,表示描述其它文件的文件。

在HTML里,meta标记(metatags)表示用来描述网页的有关信息。示例代码如下:

利用meta中的Refresh你还可以实现自动跳转页面的功能。示例代码:

演示示例




转载请注明:http://www.aierlanlan.com/rzgz/3157.html