HTML2
作者:互联网
一.列表(列表之间可以互相嵌套)
- 有序列表:<ol><li></li></ol>使用li表示列表项
- 无序列表:<ul><li></li></ul>(使用最多)
- 定义列表:使用dl标签创建一个定义列表,使用dt表示定义的内容,使用dd来对定义的内容进行解释说明
二.超链接
定义:可以让我们从一个页面跳转到另一个页面,或者是当前页面的其他位置。
超链接也是行内元素,可以嵌套除自身外的任何元素。
- 使用a标签来定义超链接
- 属性
1. href:指定跳转的目标路径
1)值可以是某一个外部网站的地址 ,也可以是内部页面的地址。
2) 可以将href的属性设置为#,这样点击超链接之后,页面不会发生跳转,而是回到页面顶部
3)在开发中可以用#作为占位符的使用
4)可以使用javascript:;作为href的属性,点击这个超链接什么也不会发生
2.target:用来指定超链接打开的位置
-self 默认值,在当前页面打开超链接
-blank 在一个新的页面中打开超链接
3.id:唯一不重复
每个标签都可以添加一个id属性
id属性就是元素的唯一标识,同一个页面中不能出现重复id
* 可以跳转至页面的指定位置,只需将href属性设置为 #目标属性的id属性值
- 相对路径
当我们跳转到服务器内部页面时,一般会使用相对路径。
相对路径都会以.或..开头
./可以省略不写,如果不写./也不写../相当于写了./
- ./表示当前文件所在目录
- ../表示当前文件所在目录的上一级目录
三.图片标签
1.用于向当前页面引入外部图片
2.使用img标签引入图片,img标签是自结束标签,img属于替换元素,介于块和行内元素之间
属性 scr:指的是外部标签的路径(路径规则与超链接是一样的)
alt:图片的描述 一般情况下不会显示,有些浏览器图片无法加载时会显示
搜索引擎根据alt的内容识别图片,如果不写不会被搜索引擎收录
width:图片的宽度(单位是像素)
height:图片的高度
注:在pc端,一般不建议修改图片的大小,在移动端,经常需要对图片进行缩放(大图缩小)
3.图片的格式
- jpeg(jpg)
-支持的颜色比较丰富,不支持透明效果,不支持动图
-一般用来显示照片
- gif
-支持的颜色比较少,支持简单透明,支持透明
-颜色单一的图片,动图
- png
-支持的颜色丰富,支持复杂透明,不支持动图
-颜色丰富复杂透明图片(专为网页而生)
- wepb
-这种格式是谷歌新推出的专门用来表示网页中图片的一种格式
-它具备其他图片的所有优点,而且文件还特别小。缺点:兼容性不好
四.内联框架
1.用于向当前页面引入一个其他页面
src:指定要引入的网页的路径
frameborder:指定内联框架的边框
<iframe src="https://www.qq.com" frameborder="0"></iframe>
五.音视频播放
1.audio标签 用来向页面引入外部的音频文件,默认情况下,不允许用户自己控制播放停止
属性: controls 是否允许用户控制播放(均没有属性值)
autoplay 音频是否自动播放
loop 音频是否循环播放
2.video标签 用来向页面引入外部的一个视频
标签:标签,页面,HTML2,超链接,跳转,图片,属性 来源: https://blog.csdn.net/m0_66506641/article/details/122639619