html配置和文本,媒体,超链接标签

Html的基本配置

<!--告诉浏览器,后面的代码都是HTML的-->
<!DOCTYPE html>
<!--跟路径 网页的整体-->
<html lang="en">
<!--头标签 网页的头部-->
<head>
    <!--对网页来进行设置,各种设置-->
    <meta charset="UTF-8">
    <!--网页的标题-->
    <title>我的第一个网页</title>
</head>
<!--身体标签-->
<body>
    <b>网页的主体内容</b>
    <strong>网页的主体部分</strong>
</body>
</html>

文本

<h>标签(标题标签) 共6级从高到低<h1>到<h6>

加粗<b></b> <strong></strong>(语义更强烈)

倾斜<i></i> <em></em>(语义更强烈) “emphasize”–>强调

删除线 <s></s> <del></del>(语义更强烈)

下划线 <u></u> <ins></ins>(语义更强烈) “inserted”–>插入

<br>换行 <hr>水平线

媒体 audio video

controls-控制件(没有则无法正常显示)

autoplay-自动播放

loop-循环播放

<body>
    <audio src="" controls autoplay loop></audio>
</body>

插入图片 img

<img src="图片的路径" alt="图片加载失败会显示这行字" title="鼠标悬停在图片上时显示的文字"
     width="" height="">

超链接 <a href=""><a>

​ text-decoration: none; 取消下划线

​ download 浏览器下载的URL(只适用同源URL)

<style>
    a:href{
      
      
        
    }
</style>
<body>
    <!--target="_blank"新窗口跳转-->
    <a href="#" target="_blank"></a>
    <!-- target="_self" 当前窗口跳转 -->
    <a href="#" target="_self"></a>
    <!-- href="" 中间为空时默认刷新当前网页  会刷新!!!-->
    <a href=""></a>
    <!-- href="#" 中间是#时会回到页面顶部 不会刷新页面!! -->
    <a href="#"></a>
</body>

猜你喜欢

转载自blog.csdn.net/weixin_52682014/article/details/127644496