志达IT
做快乐程序员

HTML的标签有哪些(img标签的三个属性)

HTML的标签有哪些

HTML中的主要标记是:文件开始标记“HTML”、文件头标记“head”和文件体标记“body”。如果您想了解更多有关HTML中主要标记的信息,不妨继续查看!
HTML中的主要标记是什么
1、HTML中的主要标记是什么
1.文件开始标记“html
在HTML文件中,第一个HTML标记是“HTML”,这意味着这是一个HTML文件。这是一个双重标签。第一个标记和最后一个标记分别位于文件的顶部和底部。文件的所有标记和文本都包含在其中。此标记没有任何属性。
2.文件头标签“head”
“头”是指文件头的标签,它是一个双标签。它包含文件标题、编码方法和URL等信息,可以省略。
3.文件体标签“body”
“正文”表示文件正文的内容,它是一个双标签。文件头标记用于存储重要信息,但只显示正文部分,因此大多数标记位于文件的正文部分。此标记可以具有属性。
2、web设计的常用文本标签
1.标题文本标签“hn”
“Hn”是标题文本标签,它是一个双标签。其功能是设置网页中的标题文本。
“hn”标签共有六个级别。“h1”和“h1”之间的文字是第一级标题,“h6”和“ch6”之间的文本是第六级标题,从“hl”逐渐减少到“h6“。每个标题标记所标记的单词和句子将占据一行,并在上面和下面留下一行空白。
“Hn”具有属性“align”,其可选值为右、左和中心。
2.文本格式控制标签“字体”
“字体”是文本格式控件标签。这是一个双重标签。其功能是设置文本的字体、大小和颜色。
“字体”的属性包括字体、大小和颜色。
面:设置文本字体,其属性为字体名称。
大小:设置文本大小,范围为1到7,默认值为3。也可以使用“+”和“-”设置相对值。
颜色:设置文本颜色。您可以使用和#nnnnnn,也可以使用颜色名称。
3、页面布局常用标签
1.包装标签“br”HTML
“Br”是换行符。这是一个单一的标签。其功能是使下一行显示以下内容。因为浏览器会自动忽略源代码中的空格和换行符,这使得“br”成为最常用的标记之一。
2.段控制标签“p”
“P”是段控制标签。它可以单独使用,也可以成对使用。它的功能是留下一行空白。
“P”具有对齐属性“align”,其可选值为右、左和中心。
3.中心标签“中心”
“中心”是一个中心对齐的标签。它是一个双标签,用于定心控制。
4.水平分隔符标签“hr”
“Hr”是一个水平分隔符标签。这是一个单一的标签。其功能是在标签位置插入一条水平线。

img标签的三个属性

在HTML中,图像由<img>标记定义。
<img>是一个空标记,这意味着它只包含属性,没有封闭标记。
要在页面上显示图像,需要使用source属性(src)。Src表示“源”。源属性的值是图像的URL地址。
定义图像的语法为:
<imgsrc=“url”alt=“some_text”>
URL是指存储图像的位置。如果名为“pulpit.jpg”的图像位于www.runoob.com的图像目录中,则其URL为http://www.runoob.com/images/yidian.jpg。
浏览器将在文档中图像标签出现的位置显示图像。如果将图像标签放置在两个段落之间,浏览器将显示第一个段落,然后是图片,最后是第二个段落。
定义和使用
img元素将图像嵌入到网页中。
请注意,从技术上讲,<img>标记不会将图像插入网页,而是链接网页中的图像。<img>标签为引用的图像创建占位符。
<img>标记有两个必需的属性:src属性和alt属性。
Src属性:指定显示图像的URL。
alt属性用于定义为图像准备的可替换文本字符串。
替换文本属性的值是用户定义的。
<imgsrc=“boat.gif”alt=“BigBoat”>
当浏览器无法加载图像时,替换文本属性告诉读者他们丢失的信息。此时,浏览器将显示替代文本而不是图像。向页面上的图像添加替换文本属性是一个好习惯,这有助于更好地显示信息,对于使用纯文本浏览器的人来说非常有用。
HTMLimg属性的缩放
HTML部分:
<divclass=“tu”><imgsrc=“suofang.jpg”>
Css控制图像缩放:
.tuimg{
最大高度:720px;
最大宽度:640px;
width:表达式(this.width>640&&this.height<this.width?640:true);
height:表达式(this.height>720?720:true);
}
注意:大于640的图片将自动缩放为640像素。如果它们小于640px,则为实际大小。如果它们高于720px,则将缩放为720px。如果它们小于720px,则为实际大小。注意:通常,图片的大小不受控制。
图像居中显示:(附加所有对齐属性值)
左:将图像向左对齐
右:将图像向右对齐
中间:将图像与中心对齐
顶部:将图像与顶部对齐
底部:将图像与底部对齐
高度和宽度属性
高度和宽度属性用于设置图像的高度和宽度。
属性值的默认单位是像素:
<imgsrc=“pulpit.jpg”alt=“Pulpitrock”width=“404”height=“258”>
提示:指定图像的高度和宽度是一个好习惯。如果图像指定了高度和宽度,则加载页面时将保留指定的大小。如果不指定图像的大小,加载页面可能会损坏HTML页面的整体布局。
基本预防措施-有用提示:
注意:如果HTML文件包含10个图像,则需要加载11个文件才能正确显示页面。加载图片需要时间,所以我们的建议是:小心使用图片。
注意:加载页面时,请注意插入页面图像的路径。如果无法正确设置图像位置,浏览器将无法加载图像,图像标签将显示破碎的图像。
HTML图像标签:
<img>定义图像
<map>定义图像映射
<area>在图像地图中定义可点击区域
HTML和XHTML的区别:
在HTML中,<img>标记没有结束标记。
在XHTML中,<img>标记必须正确关闭。
在HTML4.01中,不建议使用图像元素的“align”、“border”、“hspace”和“vspace”属性。
在XHTML1.0StrictDTD中,不支持图像元素的“align”、“border”、“hspace”和“vspace”属性。
[知识补充]
img中的可选属性:
对齐:指定如何根据周围文本排列图像。
边框:定义图像周围的边框。
高度:定义图像的高度。
Hspace:定义图像的左右边距。
Ismap:将图像定义为服务器端图像映射。
Longdesc:指包含长图像描述文档的URL。
Usemap:将图像定义为客户端图像映射。
Vspace:定义图像顶部和底部的空白。
宽度:设置图像的宽度。

赞(1)
未经允许不得转载:志达IT网站 » HTML的标签有哪些(img标签的三个属性)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

志达IT网站 每天分享编程和互联网的IT技术博客

登录/注册联系我们