开始学习HTML，fighting!

来源：互联网发布：优质数据防泄密方案编辑：程序博客网时间：2024/06/05 05:21

一、什么是 HTML 文件？

HTML 指超文本标签语言。
HTML 文件是包含一些标签的文本文件。
这些标签告诉 WEB 浏览器如何显示页面。
HTML 文件必须使用 htm 或者 html 作为文件扩展名。
HTML 文件可以通过简单的文本编辑器来创建。

二、第一个实验

新建一个记事本，输入一下文本，保存为"Mypage.htm"。

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

用IE浏览器打开，运行结果：This is my first homepage. This text is bold

例子解释：

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉您的浏览器，这是 HTML 文件的结束点。

位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。

<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body> 标签中的文本是将被浏览器显示出来的文本。

<b> 和 </b> 标签中的文本将以粗体显示。

三、HTML元素

HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的。

段落及结果：

<p>段落元素由 p 标签定义。</p>

</body>
</html>

这是段落。

段落元素由 p 标签定义。

标题及结果：

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>

This is a heading

...

This is a heading

换行符（折行）

当你打算结束一行，而又不想开始一个新段落时，<br> 标签就派上用场了。无论你将它置于何处，<br> 标签都会产生一个强制的换行。

<p>This <br> is a para<br>graph with line breaks</p>

<br> 标签是空白标签，由于关闭标签没有任何意义，因此它没有类似 </br> 的终止标签。

This
is a para
graph with line breaks

HTML 注释

注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释，这么做在以后的日子里会对您的代码编辑产生帮助。

<!-- This is a comment -->

注意：左括号后需要写一个惊叹号，右括号前就不需要了。

基本的 HTML 标签

标签	描述
<html>	定义 HTML 文档。
<body>	定义文档的主体。
<h1> to <h6>	定义标题 1 至标题 6。
<p>	定义段落。
<br>	插入折行。
<hr>	定义水平线。
<!-->	定义注释。