前端HTML标签1

HTML实用合集1

1.框架

使用英文!,按tab键出现框架。

2.改标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>//此处改标题
</head>
<body>
    
</body>
</html>

Document可以换成任意自己想要的命名。

3.标签

作用:使页面结构更加清晰。

1.标题标签

<h1>123</h1>//加粗放大效果最好,往下依次递减
<h1>123</h1>
<h2>123</h2>
<h3>123</h3>
<h4>123</h4>
<h5>123</h5>
<h6>123</h6>

2.段落标签

<p>这里面放文本</p>

3.换行标签

<p>这里面<br/>放文本</p>
<br/>是单标签

4.文本格式标签

语义 标签 说明
加粗 <strong></strong><b></b> 推荐<strong>,语义更强烈
斜体 <em></em><i></i> 推荐使用<em>,语义更强烈
删除线 <del></del><s><s/> 推荐使用<del>,语义更强烈
下划线 <ins></ins><u></u> 推荐使用<ins>,语义更强烈

5.图像,音频,视频标签

/*<img src="https://img2023.cnblogs.com/blog/3178390/202305/3178390-20230528120409790-987587085.jpg" width="100" alt="对不起,你需要查看的图片不见了" title="这是天空" />//图片*/
<audio src="someaudio.wav">//音频
<video src="movie.ogg" controls="controls">//视频

音频:

描述
autoplay 就绪后马上播放
controls 向用户显示控件,例如按钮
loop 循环播放
muted 音频输出时静音
preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。
如果使用"autoplay",则忽略该属性。
src 路径url

视频:

描述
autoplay 就绪后马上播放
controls 向用户显示控件,例如按钮
height 高度
loop 循环播放
muted 音频输出时静音
poster 如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用"autoplay",则忽略该属性。
width 宽度
src 路径url

6.路径

1.相对路径
分类 符号 说明
同级路径 同一级
下一级路径 / 位于 HTML 文件上一级
上一级路径 ../ 位于 HTML 文件下一级
2.绝对路径

通常是从盘符开始的路径或者完整的网络地址。

7.超链接标签

<a href="跳转目标,链接" target="目标窗口的弹出方式">文本或图像</a>

锚点链接:

点击链接,可以快速定位到页面中的某个位置。

  • 在链接文本的href属性中,设置属性为 #名字的形式
  • 找到目标位置标签,里面添加一个 id 属性 = 名字

热门相关:帝少的专属:小甜心,太缠人   梦回大明春   最强反套路系统   学霸女神超给力   修仙界最后的单纯