【HTML图像】2015年10月27日学习HTML笔记

1.通过HTML可以在文档中显示图像

例如:

<html>

<body>

<p>

<img scr="/i/eg_cute.gif"width="50"height="128"/>

</p>

</body>

</html>

2.图像标签(<img>)和源属性(src)

<img>是空标签,意思是说,它只包括属性,并且没有闭合标签

要在页面上显示图像,需要使用源属性(src)。源属性的值是图像的url地址

定义图像的语法是:<img scr="url"/>

URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中,那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。

浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

3.替换文本属性(Alt)

alt属性是用来为图像定义一串预备的可替换的文本,替换文本属性的值是用户定义的

<img scr="boat.gif"alt="Big Boat">

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件。加载图片是需要时间的,所以我们的建议是:慎用图片。

时间: 2024-12-17 19:27:01

【HTML图像】2015年10月27日学习HTML笔记的相关文章

【HTML链接】2015年10月25日学习HTML笔记

1.HTML使用超链接与网络上的另一个文档相连 2.创建文字超级链接 </html><html><body><p><a href="http://www.baidu.com">百度</a>进入百度</p><p><a href="http://baidu.com">baidu</a>jinrubaidu</p></body>&

【HTML样式】2015年10月21日学习HTML笔记

1.HTML CSS 例: *使用添加到<head> 部分的样式信息对HTML进行格式化(对显示的文本添加格式化,比如:显示的标题颜色和段落颜色) <html> <head><style type="text/css">h1 {color: red}p {color: blue}</style></head> <body><h1>header 1</h1><p>A p

【HTML属性】2015年10月20日学习HTML笔记

1.HTML的属性总是在开始标签中规定 例如:HTML链接由<a>标签定义:链接的地址在href属性中指定: <a href="http://www.baidu.com">进入百度</a> 2.更多HTML属性的例子: *<h1>定义标题的开始:<h1 align="center">关于对齐方式的附加信息 *<body>定义文档的主题:<body bgcolor=“yellow”>关

【HTML段落】2015年10月21日学习HTML笔记

1.HTML段落是由<p>标签定义的(块级元素) 例如:<p>大家好</p> 注:不能忘了结束标签:不要用一个段落标签去插入一个空行 2.若在不产生新段落的情况下换行,则使用<br/>标签 例如: <html><body><p>你好<br/>世界<br/>我<br/>来了<br/>!!!!!....</p></body></html> 结果

中级学员:2015年10月27日作业

中级学员:2015年10月27日作业一.项目收尾管理1.项目收尾包括哪三方面内容?2.项目总结的意义;3.项目总结会包括哪些内容:4.项目评估包括哪些方面:5.项目审计的定义.6.一般项目人员转移的流程:二.知识产权管理1.著作权由哪3个要素组成:2.认定职务作品,考虑的前提有哪2个:三.法律法规和标准规范1.标准名称由哪4个要素组成:2.政府采购法,包括哪六种采购方法,以及每种的前提条件:3.教材中,把标准分为基础标准.开发标准.??标准和??标准.四.请背诵教材P180页项目管理知识体系,并

2015年10月27日 json数据小谈

说来惭愧,第一次见json数据格式还是几个月前实习,当时是在由于公司使用cloudstack做云基础平台的开发,由于cloudstack配合kvm时,其做快照的方式因为要将快照做完后再拷贝到二级存储之类的,很慢,然后我就被拉去做第一个吃螃蟹的人了:修改cloudstack的api,让其直接调用底层rbd方式做快照,结果遇到了很多问题,在其日志中看到了这种堆在一起就像乱码的东西,还不知道其叫json(好了,这是背景)!那时也没有理解太多,只知道怎么看它! 最近使用的次数多了,才慢慢有了一些想法!j

2015年10月27日课堂笔记

今天是开课的第一天,上午见到了我们的班主任,一个干练的美女.而且每个同学都做了简单的自我介绍,选出了班长,也有了我们小班级的群,算是正式开始了. 下午,我们学习了计算机中的基本数制和数制间的转换. 一.数制 计算机中采用的是二进制,因为二进制具有运算简单,易实现且可靠.二进制就是逢二进一,借一当二.同理八进制是逢八进一,借一当八:十六进制是逢十六进一,借一当十六. 二.数制转换 1.十进制与其他进制之间的转换 (1)十进制转换成二进制:十进制数除以2,除至0时所得余数按反方向写出,即为二进制数.

2015年10月27日作业

中级学员---徐化栋 一.项目收尾管理 1.项目收尾包括哪三方面内容? 1)项目验收    2)项目总结    3项目评估审计 2.项目总结的意义; 1)了解项目全过程的工作情况及相关的团队或成员的绩效状况 2)了解出现的问题并进行改进措施总结 3)了解项目全过程中出现的值得吸取的经验并进行总结 4)对总结后的文档进行讨论,通过后即存入公司的知识库,从而纳入企业的过程资产 3.项目总结会包括哪些内容: 1)项目绩效                2)技术绩效 3)成本绩效            

2015年10月27日-中项-作业-yuansy

一.项目收尾管理1.项目收尾包括哪三方面内容? 项目验收.项目总结和项目评估审计.2.项目总结的意义; (1)   了解项目全过程的工作情况及团队或成员的绩效状况. (2)   了解出现的问题并进行改进措施的总结. (3)   了解值得汲取的经验并进行总结. (4)   总结后的文档可以存入公司的知识库,并纳入公司的资产. 3.项目总结会包括哪些内容: (1)   项目绩效 (2)   技术绩效 (3)   成本绩效 (4)   进度计划绩效 (5)   项目的沟通 (6)   识别问题和解决问