结束标签比开始标签多
/
VS Code 快速
生成骨架:!(英文)+ Enter / Tab 键
添加 / 删除
注释的快捷键:Ctrl + /
<h1>一级
标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h2>二级标题</h2>
<h3>三级标题</h3>
独占一行(换行)h1 标签在一个网页中一般只能用一次
<p>
段落</p>
段落之间存在间隙
换行<br>
不用
br
用回车,会多一个空格
水平线<hr>
水平线<hr>
文字处理
<strong>加粗
<em>倾斜
<ins>下划线
<del>删除线
<em>倾斜
<ins>下划线
<del>删除线
<img src="图片的 URL"> src位置+文件名
src
里输入
./
提示文件夹里内容
alt 图片无法显示的时候显示的文字
title 鼠标悬停在图片上面的时候显示的文字
title 鼠标悬停在图片上面的时候显示的文字
width 图片的宽度,没有单位 宽和高在CSS里设置 不用在意
height 图片的高度,没有单位 等比例缩放(锁宽高)
height 图片的高度,没有单位 等比例缩放(锁宽高)
标签名和属性之间用空格隔开,不区分先后顺序
路径(多用相对路径)
/表示进入某个文件夹里面,文件夹名/
.表示当前文件所在文件夹→./
.表示当前文件的上一级文件夹→./
/表示进入某个文件夹里面,文件夹名/
.表示当前文件所在文件夹→./
.表示当前文件的上一级文件夹→./
绝对路径
Windows 默认是 \ (/也可),其他系统是 /,建议统一写为 /
~~在线网址也可
超链接标签
<a href="https://www.baidu.com(本地文件地址也可)">跳转到百度</a>
href属性值写#,表示空链接,不会跳转
超链接默认是在当前窗口跳转页面,添加 target="_blank" 实现新窗口打开页面。
音频标签
<audio src="音频的 URL" controls></audio>
<!-- 在 HTML5 里面,如果属性名和属性值完全一样,可以简写为一个单词 -->
所以 controls == controls=“controls” loop同理
视频标签
<video src="./media/vue.mp4" controls loop muted autoplay></video>
<!-- 在浏览器中,想要自动播放,必须有 muted 属性 -->