📌  相关文章
📜  基本样板 - Html (1)

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

基本样板 - HTML

HTML（Hypertext Markup Language） 是用于创建网页的标准标记语言。HTML 由许多被称为元素的代码块组成，每个元素都代表不同类型的内容。HTML 元素以标签的形式呈现，例如<html>、<head>、<title>、<body>等等。

基本结构

下面是一个基本的HTML文档结构：

<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h1>My Page Heading</h1>
    <p>Some text...</p>
  </body>
</html>

在这个例子中，我们定义了一个HTML文档，其中包含一个标题，一个页眉和一个主要内容部分。DOCTYPE声明告诉浏览器我们在使用哪个HTML版本。<html>元素定义了整个文档的根元素，除此之外文档还包含<head>和<body>元素。

<head>元素中包含了我们的页面的元数据和引用，例如<title>元素、CSS样式表和JavaScript文件。

<body>元素是我们最主要的内容区块，其中包含页面的可见部分，例如文本内容、图像、超链接等等。

常见的HTML元素

下面是一些常见的HTML元素，这些元素可用于创建网页的基本结构和内容：

文本标签
  • <h1>至<h6>: 定义标题，<h1>为最高级别标题，<h6>为最低级别标题。
  • <p>: 定义一个段落。
  • <br>: 定义换行符。
  • <hr>: 定义水平线。
样式标签
  • <b>: 用于定义粗体文本。
  • <i>: 用于定义斜体文本。
  • <u>: 用于定义下划线文本。
  • <em>: 用于定义强调文本。
  • <strong>: 用于定义强调文本。
表格标签
  • <table>: 定义一个表格。
  • <tr>: 定义表格中的一行。
  • <th>: 定义表格中的表头单元格。
  • <td>: 定义表格中的数据单元格。
列表标签
  • <ol>: 定义有序列表。
  • <ul>: 定义无序列表。
  • <li>: 定义列表中的一项。
链接标签
  • <a>: 定义一个超链接。
  • <img>: 定义图像。
结论

无论您要创建一个简单的静态网站还是一个复杂的Web应用程序，HTML都是最基本的元素。我们可以使用HTML元素来创建网页的基本结构和内容，并使用CSS和JavaScript来为网页添加样式和交互行为。