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