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"><stdio.h></b><br>
<b style="color:#ffa200">int</b> <b style="color:yellow">main</b>() {<br>
    <b style="color:yellow">printf</b>(<b style="color:#02ff00">"%s\n"</b>,<b style="color:#02ff00">"Hello World"</b>);<br>
    <b style="color:#ffa200">return</b> 0;<br>
}
</code>
</div>
</body>
</html>
复制 |
运行结果给大家展示展示:
展示了C语言输入输出代码(不喜勿喷)