小白建立个人网站初步尝试

最新推荐文章于 2024-09-22 11:32:39 发布

编程小白煎堆

最新推荐文章于 2024-09-22 11:32:39 发布

阅读量344

点赞数 15

文章标签： html5

本文链接：https://blog.csdn.net/2302_80978287/article/details/142024691

版权

一、VScode

代码是在VScode上运行的，可以看作者另一篇文章：http://t.csdnimg.cn/mOmdF

二、代码基本框架

代码	解释
<!DOCTYPE html>	声明为HTML5文档
<html>
<head>	头部元素，不显示在页面
<meta charset="utf-8">	防止页面中的中文出现乱码
<title>...</title>	网站的标题
</head>	与<head>对应
<body>	可见页面内容
<h>标题</h>	写标题，有h1、h2、h3...
<p>段落</p>	写段落，中间插入可以换行
</body>	与<body>对应
</html>

下面有例子。

三、运行代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>小白建立个人网站</title>
    </head>

    <body>
        <!-- 这里是注释 -->
        <h1><b>编程小白煎堆（粗体）</b></h1>
        <h2><em>编程小白煎堆（斜体）</em></h2>
        <h3><del>编程小白煎堆（删除）</del></h3>

        <!-- h是标题，p是段落 -->
        <p>大家好！快来试试吧！</p>
        
    </body>
</html>