HTML基础标签

1. vscode安装插件:

   • Chinese
   • eslint
   • vue

2. 标签类型:

   • 双标签

     <标签名> </标签名>

   • 单标签

     </标签名>

3. 分类标签:

   • 标题标签:<h1></h1>至h6,h1标签最大 (块级标签–独占一行)
   • 段落标签: <p></p>; (块级标签–独占一行)
   • 换行符(单标签): <br>
   • 标记符号

   标记符号	意义
    	空格
   <	小于
   >	大于
   ©	版权©
   "	单个双引号"

   2. 常规标记:

   • 加粗标签: b

   • 斜体标签: i

   • 删除线: del

   • 划线: hr

   • 上标签: sup

   • 下标签: sub

   3. 图片标签img:

   <img src="" alt="" width="" height="" title="">
   

       相关属性:
        1.src: 表示图片路径
        2.alt:图片未加载显示内容;
        3.width:图片宽度
        4.height: 图片高度
        5.title:鼠标悬停图片时显示信息
       路径:
        1.相对路径:相对本文件路径
           ../返回上一层,返回多个上层加多个../
           ./同层
        2.绝对路劲:指带有根盘符路径的
           F:\桌面\Java培训\day0603\images\下棋.jpg
   

   4. 超链接标签a

   <a href="./demo01.html" target="_blank">内容</a>
   

   属性:
           1.target: 打开窗口方式,属性值包括: _blank,打开新口
           2.href: 跳转到的位置,输入跳转路径 ; ./值相对当前位置
           3.鼠标停滞链接时鼠标变成"小手"
   

   使用超链接发送邮件:

    <a href="mailto:859499115@qq.com">给他发送邮件</a>
   

   5. 音频标签audio和视频标签video

   <!-- 音频标签 -->
       <audio src="./media/1.mp3" controls loop autoplay></audio>
   <!-- 视频标签 -->
       <video src="./media/2.mp4" autoplay controls></video>
   <!-- 
   	属性:
   	 1.src: 路径(建议使用"相对路径")
   	 2.controls:面板控制器
   	 3.autoplay:自动播放
   	 4.loop: 循环播放
   -->