HTML常见标签

p 段落标签

<p>
    段落内容            
</p>

b 加粗标签

<b>加粗标签</b>

strong 加粗+强调标签

strong和b在样式上没有什么差别, 只是便于强调区分

<strong>强调+加粗标签</strong>

img 图片标签

src 图片路径 (绝对磁盘路径, 绝对网页路径, 相对路径)

width 宽度(px像素,%相对于父元素的百分比)

height 高度(只设置高度或宽度其中一个, 另一个会等比例缩放)

alt         悬停时显示的描述

<img src="img/mihoyo.png" width="100px"> miHoYo > 原神启动

video 视频标签

<!-- 不添加controls播放控件的视频不能播放! -->
<video src="video/video1.mp4" width="30%"></video>

<!-- 添加了controls播放控件后, 视频可以播放 -->
<!-- 完整写法: controls="controls" -->
<!-- 在html中,如果属性名和属性值一样,可以不写 -->
<video src="video/video1.mp4" controls width="30%"></video>

audio 音频标签

<!-- 音频文件也需要指定 controls播放控件 -->
<audio src="audio/1.mp3" controls></audio>

a 超链接标签

href         指定资源访问的url

target       指定在何处打开资源链接

• _self   默认值,在当前页面打开

• _blank  在空白页面打开(在新的标签页打开)

<a href="https://www.baidu.com/" target="_self">访问baidu(当前页面)</a>
<br>

<a href="https://www.baidu.com/" target="_blank">访问baidu(新页面)</a> 
<br>

去除超链接的下划线

<!-- 在css样式中更改a标签颜色, 删除下划线-->
<style>
    a{
        color: black;
        text-decoration: none;
    }
</style>

text-decoration属性的选项

/* none */    
/* underline */
/* overline */
/* line-through 删除线*/
/* blink 闪烁的本文*/
/* inherit 规定应该从父元素继承text-decoration属性的值*/