标签学习

标题标签(h)

<h1>1级标题</h1>    
<h2>2级标题</h2>    
<h3>3级标题</h3>    
<h4>4级标题</h4>    
<h5>5级标题</h5>    
<h6>6级标题</h6>

h1标签对于网页尤为重要,开发中有特定的使用场景,如:新闻的标题、网页的logo部分
Ctrl+d d按几次就选择几个相同的东西

段落标签(p)

<P>尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js</P>   <P>尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js</P>   <P>尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js</P>   <P>尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js</P>   <P>尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js</P>   <p>尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js</p>
图片描述

独占一行

换行标签(br)

强制换行无间隙

水平线标签(hr)

出现个水平线

文本格式化标签

标签说明标签说明
b加粗strong加粗
u下划线ins下划线
i倾斜em倾斜
s删除线del删除线
<b>加粗</b> <u>下划线</u> <i>倾斜</i> <s>删除线</s>

图片标签(img)

<img src="cat.gif"  title="" border="10">

必须属性
alt:当图片不显示时候将显示alt所打的文字
src:“路径/文件名字”
title:提示文本“鼠标悬停在图片上显示的文本”
border:图片边框

音频标签(audio)

 <audio src="./music.mp3" controls>
属性名功能
src音频的路径
controls显示播放的控件
autoplay自动播放(部分浏览器不支持)
loop循环播放

音频标签目前支持三种格式:mp3、WAV、ogg

视频标签(video)

谷歌: 样式

<video src="./video.mp4" controls autoplay muted></video >

如果想在谷歌静音播放是可以的“muted”

属性名功能
src视频的路径
controls显示播放的控件
autoplay自动播放(谷歌需要配合muted)
loop循环播放

链接标签(href)

<a href="https://false.z4k.cn">外部地址</a>
 <a href="./12音频标签.html">内部地址</a>

“text-decoration: none”删除文本下线

target打开方式:

<a href="./12音频标签.html" target="_self">原网页打开</a>

target=”_self”>

<a href="./12音频标签.html" target="_blank">新网页打开</a>

target=”_blank”>

空链接

不缺定要跳转现用空链接展位

绝对路径

盘符路径:

<img src="333/![](C:\Users\MoLu\Desktop\基础班\day01(HTML01-认知)\000\030.gif)" width="300"height="300">

网络地址:

 <img src="https://photo.z4k.top/images/2021/09/26/878ad99bf16b82ce9a84207d6f0c4f4d.gif" width="300" height="300">

相对路径

下级目录

“./”表示查询当前目录的文件(下级目录)
同级目录表示html与文件图片是在一个目录下

上级目录:

 <img src="../031.gif" >

一个../只负责上一个上级目录,多个上级就是多个../

© 版权声明
THE END
喜欢就支持一下吧
点赞8赞赏 分享
评论 抢沙发

请登录后发表评论