天天看点

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签

1.4.1  图片标签

■所有图像样式均由 img 的属性决定。在网页上使用的图片,常见的格式有 JPEG、GIF 和 PNG 等格式。

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签
<img src=“路径” alt=“提示信息” align=“对齐方式” border=“边框大小”          width=“宽度”height=“高度”/>
           

■图片标签属性

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签

■图片的相对路径和绝对路径

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签

■图片与文本的对齐方式

     ■img 标签的 align 属性可用于调整图像相对于周围文本的对齐方式。align 属性的取值可为 top、bottom、middle、left 或 right,

    ■当 align 取值为 top 时,图片周边的文字与图片顶端对齐;当 align 取值为 bottom 时,图片周边的文字与图片底端对齐;当 align 取值为 middle 时,图片周边的文字与图片中间对齐。

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签
<img align=“middle”/>
           

1.4.2  超链接标签

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签
<a 属性 =“属性值”> 链接显示文本 </a>
           

■超链接标签的属性

第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签
第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签

如果相对路径中包含目录,使用“../”访问源文件所在目录的上一级目录,“../../”访问源文件所在目录的上上级目录。

■绝对路径

     ■绝对路径是访问带域名的文件完整路径。

<a href=”a.html”>相对路径的超链接</a>
           
<a href=”../a.html”>相对路径的超链接</a>
           
<a href = "html/a.html">相对路径的超链接</a>
           

■相对路径

      ■相对路径用于访问同一个目录的文件,直接编写文件名即可。

<a href=”http://www.qq.com”>绝对路径的超链接</a>
           
第1章 HTML5基础 1.4 图片标签与超链接标签1.4.1  图片标签1.4.2  超链接标签

a 标签是一个行内元素。

(觉得这篇笔记对你有点用的话,麻烦你为本笔记点赞,评论,分享或收藏,因为这将是我输出更多笔记的动力,感谢!)

👇              👇             👇              👇   

继续阅读