HTML5基础教程（1）

编程的杰哥

已于 2023-12-12 13:15:03 修改

阅读量1k

点赞数 28

文章标签： html html5 前端

于 2023-12-08 21:43:33 首次发布

本文链接：https://blog.csdn.net/2301_81390499/article/details/134886893

版权

HTML是 HyperText Markup Language的缩写，叫做超文本标记语言。也是建设网站的语言之一。HTML的文件用后缀名：.html和.htm，没有区别。

注意：HTML不是编程语言，而是标记语言。

请看以下HTML代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>你好</title>
</head>
<body>
    <h1>Hello</h1>
    <p>Hello World</p>
</body>
</html>

HTML代码被<>括起来的是标签，前面有斜杠就是结束。

输入这串代码，在浏览器打开文件。你会发现什么？：（声明：本人使用alook浏览器）

首先第一行代码：声明HTML文件（背下来即可，每个HTML文件都有这行代码）

第二行代码：<html>是根元素，创建一个文档（就像在C语言里写主函数一样）代码写在这个文档里。

第三行代码：<head>是网站信息，把信息写在<head>标签内。

第四行代码：将网页编码形式设置为“utf-8”。

第五行代码：<title>：标题设置。格式为：

<title>“标题”</title>

第七行代码：<body>标签是网站的可见页面内容。

第八行代码：<h1>标签是定义一个网页内的标题，更多标题定义如下表：

标签	描述
<h1>	大型标题
<h2>	较大型标题
<h3>	中型标题
<h4>	较小型标题
<h5>	小型标题
<h6>	超小型标题

第九行代码：<p>是定义段落标签，定义了“Hello World”段落。更多段落定义如下表：

标签	描述
<u>	定义下划线段落
<q>	定义引用段落
<b>	定义粗体字
<i>	定义斜体字

结尾：

输入下面代码并查看运行结果：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>C语言代码展示</title>
<style>
    div{
        background-color:black;
    }
    code{
        color:white;
    }
</style>
</head>
<body>
    <p>C语言输入输出代码展示：</p>
<div>
    <code>
    <b style="color:#00ccff">#include</b> <b style="color:#0efb00">&ltstdio.h&gt;</b><br>
    <b style="color:#ffa200">int</b> <b style="color:yellow">main</b>() {<br>
    &ensp;&ensp;&ensp;&ensp;<b style="color:yellow">printf</b>(<b style="color:#02ff00">"%s\n"</b>,<b style="color:#02ff00">"Hello World"</b>);<br>
    &ensp;&ensp;&ensp;&ensp;<b style="color:#ffa200">return</b>&ensp;0;<br>
    }
    </code>
</div>
</body>
</html>

运行结果给大家展示展示：