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语言输入输出代码(不喜勿喷)