前端HTML标签1

  • 前端HTML标签1已关闭评论
  • 117 次浏览
  • A+
所属分类:Web前端
摘要

使用英文!,按tab键出现框架。Document可以换成任意自己想要的命名。作用:使页面结构更加清晰。


HTML实用合集1

1.框架

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

前端HTML标签1

前端HTML标签1

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" alt="前端HTML标签1" 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 属性 = 名字