H5标签

最新推荐文章于 2025-06-05 21:39:35 发布

原创最新推荐文章于 2025-06-05 21:39:35 发布 · 211 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5

前端专栏收录该内容

1 篇文章

订阅专栏

一：场景基础标签

1.1基础

解释说明

快捷键
ctrl + / 进行快速注释
 ctrl + 上/下快速移动
快速输入<> ctrl+shift+，
 tag:
 1. <!DOCTYPE html> 是声明文档的类型是 h4 还是 h5
 2.html 是根标签有两个直接孩子 head body
 3.标签有开始有结束双标签
 4.如果只有一个标签单标签 <hr />

1.2：标签的属性和属性值

1. <hr width="800" color="red" size="7" /> width 是 hr的属性 800 是 width的值
 、 color 是hr的属性 red 是 color的值
 size 是 hr的属性 7 是 size的值
 2.属性如果不写属性值则使用默认的属性值
 3.属性和属性值必须定义到开始标签内
 4.凡是能够进行提示的都是可以放到标签内的属性适用于 90%的情况

1.3：文本 test

标签的内容可以是子标签或者普通文本
最内层标签的内容称为文本
外层标签的内容也可以统称为文本

1.4元素 element

开始标记+中间内容+结束标记

HTML文档包括两部分：头部部分和主体部分

一个完整的标签我们也称之为为网页上的一个元素

二、标题标签和段落标签

2.1标题标签

2.2段落标签

<body>
被p标签包裹起来的文字独成一行, 可以实现换行
</body>

三

3.1 格式化标签

3.2实体化标签字符实体查询地址

四、超链接和多媒体标签

4.1.1超链接标签【 <a href=" "> </a> 】

超链接：具备跳转功能

href:就是跳转的目标位置：

"":什么都不写：默认跳转到自身页面--》刷新页面

"1.第一个html代码.html" ：跳转到本地资源

"https://www.baidu.com":跳转到网络资源

"abc"--》提示没有找到资源

4.1.2 锚点

一般我们在进行相同页面不同位置的跳转的时候，我们需要只用超链接的锚点功能，应用场景：当页面过长的时候一般会使用这个功能
【 <a name="1F"></a>
若干代码
<a href="#1F">母婴</a> 】

另一个页面设置锚点：从一个页面跳转到另一个页面的制定位置：
【 <a href="6.模拟页面导航栏.html#3F">跳转到第6个页面里面的图书锚点</a> 】

4.2 多媒体标签

图片：

img:图片标签
    src属性：图片的地址
    width:设置图片的宽度单位 px 像素   单位百分比：占整个屏幕的百分比
    height:设置图片的高度
    title：鼠标悬停到图片上时 的提示文字
    alt:当图片不能显示时给出的提示信息

音频：

audio：播放音频
controls:显示控制面板
loop:进入单曲循环
autoplay：自动播放 google浏览器禁止了此功能
muted:默认静音

视频：

五、列表标签

有序列表 :
              ol
              type:可以指定排序的列表名称
                  1 阿拉伯数字
                  a 小写字母
                  i 小写罗马数字
                  I 大写罗马数字
                  A 大写字母