“ Auto Rename Tag” 插件前面标签修改后面自动更新
h1-h6标题标签
h1:标题标签 一级标题
h2:标题标签 二级标题
语义化标签:该标签是有一定的含义 一定的作用 有利于SEO 搜索引擎优化
p:表示的是段落标签 放在里面的内容会以段落的形式出现
strong、b:加粗标签 strong(以加粗的形式来突出内容的重要)属于语义化标签 b 属于样式标签 没有语义
em,i:斜体标签 em(以斜体的形式来突出内容的重要性) 语义化标签 i 属于样式标签 没有语义
ins,u:下划线标签,能在文字底下加一条下划线,ins 语义 u 样式标签
del:表示删除线标签
sub:文本朝下
sup:文本朝上
a:超链接标签
href:超链接的地址
target:超链接的打开方式 _blank(在新的窗口打开页面) _self(在当前窗口打开页面)也是默认值
title:表示鼠标放到改标签上的提示内容 很多标签都能使用
1.超链接跳转到外部链接
<a href="http://www.baidu.com" target="_blank" title="这是一个超链接">百度</a>
<a href="http://www.jd.com">京东</a>
<p title="ppp">这是一个段落</p>
2.超链接跳转本地文件
绝对路径在写 几乎不用
<a href="C:\Users\stwd\Desktop\丁鹿学堂平日班\pages\login.html">登录</a>
相对路径 常用
路径提示插件 1.Path Autocomplete 2.Path Intellisense
<a href="./pages/login.html">登录</a>
3.超链接防止刷新的使用
<a href="#">刷新</a>
<a href="javascript:;">刷新</a>
4.使用超链接进行文件下载 基本上是压缩文件
<a href="./HTML基础.docx">下载资料</a>
5.图片预览文本预览
<a href="./nhz.jpg">预览图片</a>
img:图片标签
src:源 图片的地址
width:图片的宽度 默认单位就是px(像素)
height:图片的高度 默认单位就是px(像素)
alt:图片加载失败时候展示的内容
title:鼠标放上去以后展示的内容
在标签里面属性名和属性值一样 可以不写后面的
controls ="controls" 直接写属性就可以了
video:视频标签
src:视频的地址 视频源
controls:播放控件
autoplay:自动播放 火狐谷歌没法用 如果要实现自动播放需要配合muted一起使用
muted:静音播放
loop:循环播放
poster:图片的第一帧
preload:预加载的属性