背景简介
在本书的第二章中,我们深入学习了HTML的基础知识,包括如何在记事本中编写HTML代码、保存文件以及如何在浏览器中打开查看。本章也详细阐述了HTML注释的使用方法,并对一些基础标签及其属性进行了探讨。通过本章节的学习,我们将能够更加熟练地构建和编辑网页。
HTML基础
HTML(超文本标记语言)是网页开发的基础。每个HTML标签都有特定的含义,浏览器会根据这些标签来显示相应的信息。标签通常由一对尖括号组成,例如 <html>
。每个HTML文档都应包含 <html>
, <head>
, 和 <body>
这三个基础标签。
步骤详解
- 编写HTML代码 :首先,我们将在记事本中编写HTML代码。为了确保文件能被浏览器正确识别,我们需要将文件保存为.htm或.html扩展名。
- 保存文件 :接着,我们通过点击文件菜单中的保存选项来选择保存文件的位置。例如,我们可以在F盘创建一个名为HTML程序的文件夹,并将文件以SAMPLE.HTML的名称保存。
- 预览网页 :最后,我们可以通过双击文件或在浏览器中选择文件菜单的打开选项来预览我们的网页。
注释的使用
在HTML中,注释可以用来说明代码的作用,不会在浏览器中显示。HTML支持两种类型的注释:
- 单行注释 :使用
<!
后跟注释内容,然后是>
。 - 多行注释 :使用
<!--
开头,注释内容,最后以-->
结束。
HTML基础标签与属性
标题标签
HTML中的标题标签(
到
)用于在页面上显示不同大小的标题。每个标题总是从新的一行开始。标题标签的默认对齐方式是左对齐,但可以通过添加align属性来改变对齐方式:
- 左对齐 :默认值。
- 居中对齐 :
align="center"
- 右对齐 :
align="right"
段落标签
段落标签 <p>
用于组织文本,通过 align
属性可以设置段落的对齐方式:
- 左对齐 :默认值。
- 居中对齐 :
align="center"
- 右对齐 :
align="right"
换行标签
<br>
标签是一个空元素,用于在文本中创建换行。它不需要闭合标签。
居中内容
有时我们需要将内容居中显示,可以使用 <center>
标签来实现。
水平线
<hr>
标签用来在网页上创建一条水平线,用于分隔页面的不同部分。 <hr>
也是一个空元素。可以通过 color
, size
, 和 width
属性来改变水平线的样式。
总结与启发
通过本章的学习,我们掌握了HTML基础标签的使用方法和属性设置,以及如何在网页中添加注释来增强代码的可读性。这些基础技能对于每一个希望深入学习网页开发的人来说至关重要。理解并熟练运用这些标签和属性,将为我们后续学习更高级的网页设计和开发打下坚实的基础。