HTML第一节 - 技术栈

HTML第一节

堇舟2025-02-21 18:34

一.HTML标签

注意：1.双标签是要包裹内容的（单标签单独记）

二.HTML骨架

1.骨架规则

注意：1.title为网页的名字

2.VS code自动生成骨架

注意：1.先输入感叹号（必须为英文）再按回车

三.标签间的关系

四.注释

注意：1.在要添加注释的一行中的任意位置按快捷键即可添加注释

五.标题

1.标题标签

2.段落标签

注意：两个p显示的段落之间有空隙

技巧：输入h1或p，再按回车键就可以自动切出来<h1></h1>和<p></p>

html 复制代码

<!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>
    <h1>蛊真人</h1>
    <h2>坚持</h2>
    <p>"我曾经呐喊过，渐渐的我不发出声音。我曾经哭泣过，渐渐的我不再流泪。我曾经悲伤过，渐渐的我能承受一切。我曾经喜悦过，渐渐的我看淡世<间。而如今！我只剩下面无表情，我的目光如磐石般坚硬，我的心中剩下坚持。" </p>
    <h2>失败</h2>
    <p>"我们既然意识到自己的渺小，那就更应该变得强大。我们本来就是渺小的，只是从无知变得有知，你感到痛苦，是因为你在成长。"</p>
</body>
</html>

六.换行和水平线

注意：1.关于第一条

七.文本格式化标签

一般用左边的

html 复制代码

<!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 加粗</strong>
    <em>em 倾斜</em>
    <del>del 删除线</del>
    <ins>ins 下划线</ins>
</body>
</html>