好文档 - 专业文书写作范文服务资料分享网站

html入门教程适合初学者 

天下 分享 时间: 加入收藏 我要投稿 点赞

用align属性,可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。 示例

图片的上下对齐方式:

图片的左右对齐方式:

图片的大小 在缺省状况下,图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变,图片会相应放大或缩小,显示出来的结果可能会很难看。 示例

你可以使用Height和Width属性来改变图片的大小。

建议 图片相对文字,所占的字节数较多,比如一个全屏的图片,即使经过压缩,也要占去大约50k字节,这相当于25000字的文本。因此浏览器载入图片比较费时,建议一个HTML文件里不要包含过多的图片,否则会影响你的网页显示速度。 更多示例 背景图片 这个示例演示如何将一个图片作为HTML网页的背景图片。 这个网页有背景图片哦!

如果图片比页面小,图片会自动重复。

将一个图片作为一个超链接 这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件。

你可以将一张图片作为一个链接,点击这个图片。 十二、HTML字体(Fonts)

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

字体大小

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

演示示例 字体大小 font size

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

演示示例 字体风格 font face

以下第一段用的是arial字体,第二段用的是courier字体,第三段用的是verdana字体。

字体颜色 用颜色属性(color)来设定字体颜色。 字体颜色代码请参见附件二。

演示示例

字体颜色 font 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网页正文里,显示在浏览器窗口的标题栏里。见图:

示例代码如下:

HTML中文教程头部信息(head)之标题(title)说明

链接(link)

  • 正文标题

  • 上下篇章

  • 相关推荐

  • 精选图文

4dvaw4wiad47le14llgf