HTML语言教程:HTML图片 字体 背景

2016-02-19 20:36 5 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的HTML语言教程:HTML图片 字体 背景,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

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)来设定字体的大小。示例代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

pfont size="2"这一段的字体大小的值是2。/font/p

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

pfont fac="arial"这一段的字体风格是arial。/font/p 字体颜色用颜色属性(color)来设定字体颜色。

pfont color="#FF0000"这一段的字体颜色是红色/font/p

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

HTML背景颜色和背景图片

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

body background="../images/html_tutorials/blabla_Logo.gif"body

background="/web/UploadFiles/200810/20081021180352957.gif"如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。

来源:https://www.tulaoshi.com/n/20160219/1624118.html

延伸阅读
  <STRONG <B <I <EM <VAR <CITE <DFN <ADDRESS <TT <SAMP <CODE <KBD <U <STRIKE <BIG <SMALL <SUP <SUB <H1 <H2 <H3 <H4 <H5 <H6 <FONT <BASEFONT ■实体标记与逻辑标记 : ▲Top这一节【字体标记】你必须先明白与的分别,否则你会迷惑于为何不同 ...
标签: Web开发
网页制作Webjx文章简介:HTML教程,简单学习HTML语言. 1、bodybackground=图片文件名bgcolor=颜色text=颜色link=颜色vlink=颜色alink=颜色.../body标记属性: background:设置网页的背景图像。bgcolor:设置网页的背景颜色。text:设置文本的颜色。link:设置尚未被访问过的超文本链接的颜色。默认蓝色。vlink:设置已被访问过的超...
标签: Web开发
13、列表标记: (1)无序列表标记:注:符号类型:disc-实心圆点circle-空心原点square-实心方块 ultype=符号类型列表标题 litype=符号类型1第一个列表项 litype=符号类型1第二个列表项 ... /ul (2)菜单列表标记: menu lh列表的标题 li第一个列表项...
  全写: HyperText Mark-up Language 译名: 超文件注标式语言(译名之一) 简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你...
标签: Web开发
HTML的 body 有两个关于背景的属性,一个是 bgcolor,是设置背景颜色的;另一个是 background,是设置背景图片的。 bgcolor属性 bgcolor属性用来设置HTML网页的背景颜色。 示例 background属性 background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如: body background="../images/html_tutorials/bl...

经验教程

158

收藏

88

精华推荐

HTML语言剖析(1)

HTML语言剖析(1)

从不羡慕别人

HTML语言剖析(2)

HTML语言剖析(2)

丁嫱天秤座

HTML字体(Fonts)

HTML字体(Fonts)

天理何在天天天

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部