首页 前端知识 HTML5基础教程(1)

HTML5基础教程(1)

2024-02-08 15:02:10 前端知识 前端哥 777 138 我要收藏

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浏览器)

fabaa6ab87c74159a30008f5987af2c9.png

首先第一行代码:声明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>

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

dfb02b3026864bc6a3443358ebd77600.jpg

 展示了C语言输入输出代码(不喜勿喷)

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1529.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!