html5基本标签属性

简介: 图片标签、路径、超链接标签

1.图片标签


src:图片路径(必须属性)
alt:替换文本(图片不能显示的时候替换成文字)
title:提示文本(鼠标放到图像的时候)
width:设置图像的宽度
height:设置图像的高度(高度和宽度修改一个就可)
border:设置图像边框的粗细
(各个属性之间必须要空格)
2.路径:(重点)
目录文件夹:普通的文件夹,存放要做页面所有的素材
根目录:打开目录文件夹的第一层就是根目录
相对路径( / ):图片相对于html页面的位子

              同一级路径:         <img src="1.jpg" />
              下一级路径:   /     <img src="image/1.jpg" />
              上一级路径: ../     <img src="../1.jpg" />
AI 代码解读

绝对路径( \ ):指在电脑上的那个位置:D:\web\img\logo.gif

           完整的网络地址http://www.itcast.cn/images/logo.gif
AI 代码解读

3.超链接标签:(重点)
(1)外部链接:文本或图片

    属性:
        href:指定链接目标的url地址(必须属性)
        target:链接页面打开的方式
        _self(默认值):当前窗口打开页面
        _blank:新窗口打开页面
AI 代码解读

(2)内部链接:网站内部之间的相互链接,直接链接内部页面即可

        <a href="index.html">首页</a>
AI 代码解读

(3)空链接:如果当没有确定链接目标时首页
(4)下载链接:如果href里面是一个文件或者是压缩包的话,点击就会下载这个文件
(5)网页元素链接:在网页中的各种网页元素,如文本、图片、表格、音频、视频等都可以添加超链接

        <a href="http://baidu.com"><img src="1.jpg"/></a>
AI 代码解读

(6)锚点链接:点击链接,可以快速的定位到页面中的某个位置

     第一步:设置href属性为“#名字”<a href="#two">第二集</a>
     第二步:找到要跳转的位置,在里面添加一个id属性=刚才的名字 <h3 id="two">第二集介绍 
     </h3>
AI 代码解读
目录
打赏
0
0
0
0
5
分享
相关文章
HTML5标签的类型
HTML5标签的类型。
142 5
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
154 49
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
131 0
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
139 5
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
107 2
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
131 13
|
7月前
|
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
500 1