hr 标签可选的属性(续) 和 img 标签介绍

文献种类：专题技术文献；

<hr> 标签可选的属性(续)和 <img>标签介绍

开发工具与关键技术：VS/HTML
作者：吴泽锋
撰写时间：2019年7月18日

8、<hr>标签可选的属性：续属性                 值              描述size        pixels(px)        不赞成使用。请使用样式取代它。规定 hr 元素的高度（厚度）。语法：<hr size="value" />定义和用法：size 属性规定水平线的高度，以像素计。浏览器支持：虽然不赞成使用 size 属性，但是该属性仍然得到所有主流浏览器的支持。兼容性注释：在 HTML 4.01 中，不赞成使用 hr 元素的 size 属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的 size 属性。请使用 CSS 代替：CSS 实例：设置 hr 元素的高度：CSS 语法：<hr style="height:30px" />  例：高度为 50 像素的水平线：<p>普通的水平线：</p><hr /><p>高度为 50 像素的水平线：</p> <hr size="50" />

例：高度为 50 像素的水平线：

 属性值：值               描述pixels     规定 hr 元素的高度。

 width          pixels(px)、%        不赞成使用。请使用样式取代它。规定 hr 元素的宽度。语法：<hr width="value" />定义和用法：width 属性规定水平线的宽度，以像素计或百分比计。兼容性注释：在 HTML 4.01 中，不赞成使用 hr 元素的 width 属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的 width 属性。请使用 CSS 代替：CSS 实例：设置 hr 元素的宽度：  CSS 语法：<hr style="width:50%" />例：宽度为 50% 的水平线：<div style="border:1px solid #000;"><p>普通的水平线：</p><hr /><p>宽度为 50% 的水平线：</p><hr width="50%" /></div>

例：宽度为 50% 的水平线：

 属性值：值    描述pixels    规定以像素计的宽度（比如 "50px" 或者仅仅是 "50"）。% 规定以可用空间的百分比计的宽度（比如 "50%"）。

9、<img />标签：定义和用法：img 元素向网页中嵌入一幅图像。注意：从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。<img> 标签有两个必需的属性：src 属性 和 alt 属性。HTML 与 XHTML 之间的差异：1、在 HTML 中，<img> 标签没有结束标签。2、在 XHTML 中，<img> 标签必须被正确地关闭。3、在 HTML 4.01 中，不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。4、在 XHTML 1.0 Strict DTD 中，不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

如何正确地使用图像：1、HTML 和 XHTML 最引人注目的特征之一，就是能够在文档的文本中包括图像，既可以把图像作为文档的内在对象（内联图像），也可以将其作为一个可通过超链接下载的单独文档，或者作为文档的背景。2、合理地在文档内容中加入图像（静态的或者具有动画效果的图标、照片、说明、绘画，等等）时，会使文档变得更加生动活泼，更加引人入胜，而且看上去更加专业，更具信息性并易于浏览。还可以专门使一个图像成为超链接的可视引导图。3、然而，如果过度使用图像，文档就会变得支离破碎，混乱不堪，而且无法阅读，用户在下载和查看该页面时，更会增加很多不必要的等待时间。注意：插入动画图像的语法与插入普通图像的语法没有区别。

 HTML 图像：通过使用 HTML，可以在文档中显示图像。图像标签（<img>）和源属性（src）：1、在 HTML 中，图像由 <img> 标签定义。2、<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。3、要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。4、定义图像的语法是：<img src="URL" /> ；URL 指存储图像的位置。5、浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。替换文本属性（alt）：1、    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。 <img src="boat.gif" alt="Big Boat">2、  在浏览器无法载入图像时，替换文本属性告诉读者们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。3、  假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们应该慎用图片。

标签	描述
img	定义图像。
map	定义图像地图。
area	定义图像地图中的可点击区域。

借鉴于W3C

hr 标签可选的属性(续) 和 img 标签介绍相关推荐

JAVAWEB开发之JSTL标签库的使用、自定义EL函数、自定义标签（带属性的、带标签体的）
JSTL JSTL简介: JSTL的全称:JSP Standard Tag Library,JSP标准标签库 JSTL的作用: 提供给Java Web开发人员一个标准通用的标签函数库和EL ...
ajax img标签,如何将属性添加到img标签以用于ajax调用
这是我的代码.这是不能改变的,我必须按照现有的结构进行工作.如何将属性添加到img标签以用于ajax调用我需要的是,当我点击它会拉rel和从它的第一变体数据的一个图像,这些属性添加到图像标签.现在我 ...
audio标签的controls属性_HTML5教程 audio标签属性详解
本篇教程探讨了HTML5教程 audio标签属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < src:String型,所播放音频的 url. auto ...
html中标签的src属性值,HTML frame 标签的 src 属性
Logstash实践: 分布式系统的日志监控文/赵杰 2015.11.04 1. 前言服务端日志你有多重视? 我们没有日志有日志,但基本不去控制需要输出的内容经常微调日志,只输出我们想看和有用 ...
html中hr标签有哪些属性,htmlhr标签的属性有哪些？HTMLhr标签的样式详解
html hr标签的属性有哪些?HTML hr标签的样式详解,本篇文章介绍了html中的hr标签的定义及其属性描述,还有关于html hr标签的样式使用的几种方法 html中hr标签定义和用法: 标签 ...
第四节：HTML5给表单带来的新标签、新属性、新类型
上一章节讲了21个语义化的标签,这一节我们来讲表单标签,HTML5不仅仅给表单带来了新的标签,还给原来的标签带来了新的属性,这一节我们会来介绍介绍它们. 到目前为止,我们对HTML5的学习还是停留在新 ...
html语法中表格命令具备哪些属性,html 语法介绍标签及有关属性列表表格表单...
1.HTML简介 HTML是用来做网页 HTML:Herp Text MarkUp Language 超文本标记语言超文本:超:超链接包含超链接的文本标记语言: 标记:标签语言:制作网页的语言 ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
a jquery 标签点击不跳转_form标签的action属性怎么用？form标签action属性的用法介绍（附实例）...
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...
判断form表单里面的元素属性是否有数据_html form标签的action属性是什么意思？又有哪些用法？（附实例）...
本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧程序猿的生活:打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固, ...

hr 标签可选的属性(续) 和 img 标签介绍

hr 标签可选的属性(续) 和 img 标签介绍相关推荐

最新文章

热门文章