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

秋秋德小屋

秋秋德小屋

2016-02-19 20:36

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

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属性的值。

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

其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。

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

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

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

HTML字体(Fonts)

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

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

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

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

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

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

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

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

HTML背景颜色和背景图片

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

HTML语言教程:HTML路径

Web开发
HTML语言教程:HTML路径

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML语言教程:HTML常用格式

Web开发
HTML语言教程:HTML常用格式

HTML语言教程:HTML特殊字符显示

Web开发
HTML语言教程:HTML特殊字符显示

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML语言教程:HTML头部信息(Head)

Web开发
HTML语言教程:HTML头部信息(Head)

HTML语言教程:基本概念

Web开发
HTML语言教程:基本概念

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Access的精髓不在VBA之中

Access的精髓不在VBA之中

教程: access中数据表的自动重新联接

教程: access中数据表的自动重新联接
下拉加载更多内容 ↓