一 文本标签
1.! :可以快捷生成html骨架。
2.br 是换行 hr生成水平线。
3.h1至h6个六级标题 改变字体大小,依次递减,且自动换行。
4.ctrl+d 选中多个相同目标,可以方便同时修改。
5.加粗: strong 或者 b
6.下划线: ins 或者 U
7.倾斜: em 或者 i
8.删除键: del 或者 s
9.空格:  &ensp &emsp
10.p标签:用于段落的划分,自动换行。
二 媒体标签
路径(src)的写法:
级别 方法
1.当图片与编辑的html在一个文件夹时(同级) 只需要图片本身的名就可以了
2.当编译的html与图片所在文件夹在一个文件夹时(下级) xxx(图片文件夹名)+ / + 图片名
3.当图片与编译的html的文件夹在同一个文件夹时(上级) ../+图片名 (返回一级 就用一个../ 返回N级就用N个)
图片标签:
代码结构:<img src=" " alt=" " title=" " >这里的img为标签名 src,title与alt都是属性名 引号里面填属性值。
alt为替换文本 意思是当图片加载失败时才会显示alt中的文本,title为提示文本 当鼠标悬停时才会显示文本。
注意点:1.标签的属性写在开始标签的内部。
2.标签上可以同时存在多个属性。
3.属性之间以空格隔开。
4.标签名与属性之间必须以空格隔开。
5.属性之间不分先后。
音频标签:
代码结构:<audio src="" controls loop autoplay></audio>
常见属性:属性名 功能
src 音频的路径
controls 显示播放的控件
autoplay 自动播放(但是部分浏览器不支持)
loop 循环播放
目前支持的三种格式: MP3 wav ogg
视频标签:
代码格式:<video src=" " controls><video>
常见属性:与音频标签属性几乎一致。 mute属性作用为静音。
三 超链接标签
应用场景:点击链接,从一个页面跳转至另一个页面。
称呼: a标签、超链接、锚标签。
代码:
<a href="目标网页地址">超链接</a>
特点:
1.双标签,内部可以包裹内容
2.如果需要a标签点击之后去指定页面,需要设置a标签的href属性
属性target:
取值 效果
_self 通过当前页面打开
_blank 创建新的页面打开 并且保留之前的页面