自学html,part 1-CSDN博客

本文链接：https://blog.csdn.net/Titijiang233/article/details/118659269

新建一个txt文件，把后缀改成html

于是就得到一个html文档

所以网页其实就是一个html文档

在把后缀改成html之前，在txt文档里面写入代码，写完以后再把

txt改成html

在visual studio code里面打代码，只需要输入感叹号，然后回车

会自动生成模板

在Document的地方写网页标题

body里面是网页内容

写完以后ctrl + S(保存)，然后单击右键，点Open In Default Browser

于是能看见网页

h1-h6是标题标签

分别是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>

写完以后ctrl + S(保存)，然后单击右键，点Open In Default Browser

是段落标签

<!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>
    <p>金风玉露一相逢
    便胜却人间无数</p>
    <p>柔情似水，佳期如梦
    忍顾鹊桥归路</p>
    <p>两情若是久长时，又岂在朝朝暮暮</p>
</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>纤云弄巧，飞星传恨，<br />银汉迢迢暗度</p>
    <p>金风玉露一相逢
    便胜却人间无数</p>
    <p>柔情似水，佳期如梦
    忍顾鹊桥归路</p>
    <p>两情若是久长时，又岂在朝朝暮暮</p>
</body>
</html>