[ html基础| 青训营笔记]

114 阅读2分钟
快捷键

!+Tap 生成框架

Ctrl+/ 添加/去除注释

Ctr

Tab 向前缩进

Shift+Tab 向后缩进

Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本

 

 

  加粗

 

段落

  换行

  水平分割线


 

    加粗

    下划线

    倾斜

    删除线

 

强调语境

    加粗

    下划线

    倾斜

    删除线

 

 

图片标签

<img src="地址(./) "  alt=" ">

2023.3.3  14-26

alt  替换文本 当图片没有加载出来时 使用alt文本替换图片

title 提示文本 鼠标悬停时出现

width 宽度   height 高度    如果只设置一个 图片会等比例缩放

 

路径

绝对路径 目录下的绝对位置 从盘符开始 或网址

相对路径 从当前文件开始找目标文件

    同级目录

      

    下级目录

   

    上级目录

   

 

音频标签  目前支持 mp3 wav ogg

     controls 显示播放控件

     autoplay 自动播放(部分浏览器不支持)

     loop 循环播放

 

视频标签  目前支持 mp4 webm ogg

   

    controls 显示播放控件

    autoplay 自动播放(谷歌浏览器中需配合muted实现静音播放)

    loop 循环播放

 

链接标签

    超链接

    百度

    文本格式化标签

 

href:跳转地址      不清楚跳转位置时 用# 表示空链接

target :目标网页的打开形式

           _serf    :默认值,在当前窗口中跳转(覆盖原网页)

           _blank :在新窗口跳转()保留原网页

列表标签

 

无序列表

ul 无序列表的整体,用于包裹 li 标签

li  无序列表的每一项,用于包含每一行的内容

 

有序列表

ol 无序列表的整体,用于包裹 li 标签

li  无序列表的每一项,用于包含每一行的内容

■ ol中只能包含li标签,li标签可以包含任意内容

 

自定义列表

 dl 表示自定义列表整体,用以包裹 dt / dd 标签

dt 表示自定义列表的主题

dd 表示自定义列表针对主题的每项内容

■ dl标签中只允许包含 dt / dd 标签  ,  dt / dd 标签 可以包含任意内容