HTML 教程 – 第一章:HTML 基础

一、HTML 是什么?

HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。HTML 通过“标记”或“元素”来告诉浏览器如何显示内容,如文本、图片、链接、列表等。HTML 是一种纯文本文件,可以使用任何文本编辑器来创建和编辑。

二、HTML 基本结构

每个 HTML 页面都包含了一个基本的结构,这个结构由几个主要的部分组成:

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>页面标题</title>  
</head>  
<body>  
    <p>这是第一个段落。</p>  
</body>  
</html>

  • <!DOCTYPE html>:声明文档类型和版本,告诉浏览器这是一个 HTML5 文档。
  • <html>:HTML 文档的根元素。
  • <head>:包含了所有的元数据元素,如 <meta><link><title><style><script> 等。这些信息不会直接显示在网页上,但会影响网页的显示方式。
  • <meta charset="UTF-8">:定义文档使用的字符编码,UTF-8 是最常用的编码方式。
  • <title>:定义了网页的标题,显示在浏览器的标签页上。
  • <body>:包含了所有可见的页面内容,如文本、图片、链接、列表等。

三、HTML 元素

HTML 元素由开始标签、内容和结束标签组成。例如,<p>这是一个段落。</p><p> 是开始标签,</p> 是结束标签,它们之间的内容是段落的内容。

大多数 HTML 元素可以包含属性,这些属性提供了关于元素的额外信息。例如,<a href="https://www.example.com">链接文本</a>href 是一个属性,它指定了链接的目标地址。

四、HTML 注释

在 HTML 中,你可以使用注释来添加对代码的解释或说明。注释不会在网页上显示,但可以帮助你和其他开发者理解代码。HTML 注释的语法是 <!-- 注释内容 -->

五、练习

  1. 创建一个新的 HTML 文件,并添加基本的 HTML 结构。
  2. 在 <head> 部分添加 <meta charset="UTF-8"> 和 <title> 元素,设置标题为 “我的第一个 HTML 页面”。
  3. 在 <body> 部分添加一个段落,内容为 “欢迎来到我的第一个 HTML 页面!”。
  4. 在页面的底部添加一个注释,说明这是你的第一个 HTML 页面。

六、总结

在这一章中,我们介绍了 HTML 的基本概念,包括 HTML 是什么、HTML 的基本结构、HTML 元素、HTML 注释等。通过编写和练习这些基本的 HTML 代码,你已经迈出了学习 HTML 的第一步。在接下来的章节中,我们将继续深入学习 HTML 的其他内容,如列表、表格、链接、图片等。

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容