学习HTML第二天

1、注释

注释的格式为...为注释内容

在VScode中，添加/删除注释的快捷键是Ctrl加上/


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>叫啥好呢</title>
</head>
<body>
    <strong>我不叫×××</strong>
<!-- 这是我的名字 -->
</body>
</html>

2、标题标签

标签名h1-h6


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
</body>
</html>

网页效果如图

注意h1在一个网页中只能使用一次，h2-h6不做限制

3、段落标签

一段一段出现时可以使用/一行的产品描述信息......

p（双标签）

4、换行和水平线标签(单标签)

换行：

水平线：

5、文本格式化标签

为文本添加特殊格式，以突出重点：加粗、倾斜、下划线、删除线等......


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <strong>加粗显示</strong>
    <em>倾斜显示</em>
    <ins>下划线显示
    </ins>
    <del>删除线显示</del>
</body>
</html>

6、图像标签

src用于指定图像的位置和名称，是的必须属性


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=" -width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="./内容1.jpg" >
    <img src="./内容2.jpg" >
    <img src="./内容11.jpg" alt="这是一张ppt背景">
</body>
</html>