📌  相关文章
📜  废墟 - Html (1)

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

废墟 - HTML

HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它使用标记(标签)来描述网页的结构和内容，并与CSS(Cascading Style Sheets)和JavaScript一起使用以增强网页的外观和功能。

HTML的基本结构

HTML文档由以下三部分组成：

  1. DOCTYPE声明
  2. HTML标签
  3. 页面内容

DOCTYPE声明

DOCTYPE声明位于HTML文档的开始处，告诉浏览器文档的类型和版本。HTML5的DOCTYPE声明如下：

<!DOCTYPE html>

HTML标签

HTML标签表示HTML文档中各个部分的元素，如标题、段落、图像、链接等。HTML标签通常都有成对出现，包含在一个开始标签和结束标签之间。例如，一个段落的HTML标记如下：

<p>这是一个段落。</p>

页面内容

除了DOCTYPE声明和HTML标签，HTML文档中的页面内容也非常重要。页面内容包括文字、图像、链接、表格、表单等等。

HTML的常用标签
标题标签

标题标签用于定义标题文本。HTML提供了6种级别的标题标签：从h1到h6，h1表示最高级别的标题，h6表示最低级别的标题。

<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>
<h4>这是一个四级标题</h4>
<h5>这是一个五级标题</h5>
<h6>这是一个六级标题</h6>
段落标签

用于标识段落元素的标签是<p>，例如：

<p>这是一个段落。</p>
图像标签

用于插入图像的标签是<img>，可以通过src属性指定图像的URL地址，例如：

<img src="image.jpg" alt="这是一张图片">
链接标签

用于创建链接的标签是<a>，可以通过href属性指定链接的目标URL地址，例如：

<a href="http://www.baidu.com">百度</a>
列表标签

HTML提供有序列表<ol>和无序列表<ul>，可以使用<li>标签来定义列表项。例如：

<h3>有序列表</h3>
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

<h3>无序列表</h3>
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>
表格标签

用于创建表格的标签是<table>，可以使用<tr>标签定义表格行，<td>标签定义表格单元格。例如：

<table>
  <tr>
    <td>姓名</td>
    <td>年龄</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
  </tr>
</table>
结语

HTML是前端开发的基础，学好HTML可以帮助我们更好地理解Web开发。除了上面介绍的标签之外，HTML还有很多其他的标签和特性，希望大家能够深入学习，不断提升自己的技能。