HTML常用标签

刘于晏~

已于 2023-05-15 19:39:08 修改

阅读量30

点赞数

文章标签： html 前端 javascript

于 2023-05-15 19:34:11 首次发布

本文链接：https://blog.csdn.net/weixin_51563130/article/details/130687736

版权

备注标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    hello world
    <!--你好 世界-->
    hello world

</body>
</html>

可以在中间加备注

实现效果:

标题标签<h1(1~6)></h1(1~6)>

尖括号中的数字越大, 标题越小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>老大</h1>
    <h2>老二</h2>
    <h3>老三</h3>
    <h4>老四</h4>
    <h5>老五</h5>
    <h6>老六</h6>

</body>
</html>

实现效果:

换行标签 和段落标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    你好
    <p></p>
    你好
    <br>
    你好

</body>
</html>

格式化标签

加粗:

倾斜:

删除线:<del></del> <s></s>

下划线:<ins></ins>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    我是<strong>张三</strong>, 今年<b>18岁</b>, 我在<em>北京市</em>的<i>清华大学</i>上学, 我<del>热爱学习</del>,并且<s>勤奋刻苦</s>,是一个<ins>好孩子</ins>,也是一个<u>好人</u>

</body>
</html>

超链接标签<a></a>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="https://www.baidu.com" target="_blank">百度</a>
    <br>
    <a href="https://www.bilibili.com">哔哩哔哩</a>
    <br>
    <a>sougou</a>
</body>
</html>