📌  相关文章
📜  简单的HTML页面(1)

📅  最后修改于: 2023-12-03 15:27:25.632000             🧑  作者: Mango

简单的HTML页面介绍

HTML（Hypertext Markup Language）是构建Web页面的基础语言。在Web开发中，HTML起着非常重要的作用，也是学习Web开发的基础之一。

HTML基础结构

HTML基础结构非常简单，通常包含文档类型声明(<!DOCTYPE html>)、html标签(<html>)、head标签(<head>)和body标签(<body>)。

<!DOCTYPE html>
<html>
<head>
  <title>简单的HTML页面</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>这是一个简单的HTML页面。</p>
</body>
</html>

上面是一个最基本的HTML结构，我们可以给html标签添加lang属性来指定页面的语言。比如：

<!DOCTYPE html>
<html lang="en">
<head>
  <title>简单的HTML页面</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>这是一个简单的HTML页面。</p>
</body>
</html>
HTML标签

HTML标签是构建页面的最基本元素。常用的HTML标签有：

  • <div>：定义文档中的分区或节（division/section）。
  • <h1>-<h6>：定义标题，h1表示最高级标题，h6表示最低级标题。
  • <p>：定义段落。
  • <a>：定义超链接。
  • <img>：定义图片。
  • <ul>和<li>：定义无序列表。
  • <ol>和<li>：定义有序列表。
  • <table>、<tr>、<td>：定义表格。
  • <form>、<input>：定义表单和表单元素。
HTML属性

HTML属性是用于定制标签属性的。属性需要写在标签的开始标记或结束标记中。常见的HTML属性有：

  • class：定义元素的类名，与CSS一起使用。
  • id：定义元素的唯一ID，与CSS和JavaScript一起使用。
  • style：定义元素的样式。
  • src：定义图片或媒体资源的地址。
  • href：定义链接地址。
  • target：定义链接在何处打开。
  • alt：定义图片的替代文本。
HTML注释

HTML注释可以在代码中添加注释，对于代码的可读性和调试非常有帮助。HTML注释使用<!-- -->。

<!-- 这是一个HTML注释 -->
总结

以上介绍了HTML的基础结构、标签、属性和注释。HTML非常简单易学，但也非常重要。掌握HTML可以帮助我们构建更加优秀的Web页面。