HTML5 入门之 img标签

前言

网页显示图片信息

参考视频：
1.黑马程序员5天软件测试从入门到精通_软件测试基础教程

1.HTML属性

html 当中的属性是以一种键值对的形式出现的，他有自己的书写格式。
属性名称=“值”，值必需写在双引号内，名称和值之间用等号连接，意思是给属性设置相应的值。
k=“v”

2. img 标签

img 插入图片，图像占位符，它像文字一样会占有自己的空间
插入的图片就是特殊的文字
例子的格式：

3. 新建img.html文件，写入代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title></title></head><body>正常的图 <br /><img  src="1.jpg" /> <br />设置了宽高的图 <br /><img src="1.jpg" width="200" height="200" /> <br />等比例缩放：宽或者高设置其中一个另一个等比例缩放了 <br /><img src="1.jpg" width="200"  /> <br />有提示文本--- 鼠标悬停的提示文字 <br /><img src="1.jpg"  title="我是鼠标悬停才能看到的文字" /> <br />1. 图片没有加载出来的时候才会出现的文字 2.可以让网页阅读器把alt中的文字念出来 为了提高用户的体验 这是一个人 <br /><img src="11.jpg"  alt="描述这种图的文字"  /> <br /></body>
</html>

4. 结果展示

页面显示不全，分开截图显示，截的图片尺寸也不一样

5. 总结

img 是一个单标签

alt: 1. 图片没有加载出来的时候才会出现的文字 2.网页阅读器可以读取这里的文字
title:鼠标悬停时候的提示文字
注意：属性名=“属性值” 属性名=“属性值”
空格不能丢，符号都要使用英文状态下，属性设置不分先后
宽高设置其中一个，另外一个就等比例缩放

HTML5 入门之 img标签相关推荐

HTML5入门以及常用标签
HTML5入门以及常用标签今日内容 web技术简介什么HTML? W3C 浏览器第一个HTML网页 web技术简介 web技术中的三大内容 HTML[基本内容] CSS[界面美化] JavaSc ...
html编程入门指南,给萌新HTML5 入门指南
本文由葡萄城技术团队原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员 ...
给萌新HTML5 入门指南
HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员前端技术也成了必备技能之一,本篇文章的目的是为了帮助萌新的入门指导,也同时希望能为老鸟起到一定查漏补缺的作用,那么让我们开始 ...
html5 移动页面,html5入门到精通，移动设备的html5页面布局
移动设备的html5页面布局我们结合移动设备(手机和平板电脑)的特性,介绍HTML5中新增的语义化标签元素,以及在移动Web浏览器下Web页面布局的知识及例子. HTML5标准添加的新元素当中,用于 ...
HTML5 入门（一）
HTML5 入门( 一) html5简介新特征 HTML5 的一些改进 HTML5 的多媒体注释: 基础标题 HTML 段落 HTML 链接一个简单的代码例子 html5简介 HTML5是构建 ...
html5引入的新标签canvas,HTML页面中添加Canvas标签示例
怎样在html5中添加canvas标签标签是 HTML 5 中的新标签. 定义和用法标签定义图形,比如图表和其他图像. 标签只是图形容器,您必须使用脚本来绘制图形. 实例通过 canvas 元素 ...
推荐10个适合初学者的 HTML5 入门教程
HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...
HTML5入门之有序列表
HTML5入门之有序列表有序列表说明语法演示 ------代码 ------效果属性 reversed属性代码效果 type属性代码效果 start属性代码效果默认样式 < ...
HTML5入门之无序列表
HTML5入门之无序列表无序列表说明语法演示 ------代码 ------效果属性默认样式 <ul> <li> 清除默认样式清除完的效果无序列表说明 ul标 ...

HTML5 入门之 img标签

前言

1.HTML属性

2. img 标签

3. 新建img.html文件，写入代码

4. 结果展示

5. 总结

HTML5 入门之 img标签相关推荐

最新文章

热门文章

HTML5 入门 之 img标签

前言

1.HTML属性

2. img 标签

3. 新建img.html文件，写入代码

4. 结果展示

5. 总结

HTML5 入门 之 img标签相关推荐

最新文章

热门文章

HTML5 入门之 img标签

HTML5 入门之 img标签相关推荐