📜  基本 html (1)

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

基本 HTML

HTML(Hypertext Markup Language)是一种用于创建网页的标准标记语言。HTML使用标记(code)来描述网页的结构和内容。HTML标记通常成对出现,包括一个开始标记和一个结束标记。

基础结构

下面是一个基本的HTML文档结构,应包含在<html></html>标记之间:

<!DOCTYPE html>
<html>
  <head>
    <title>网页标题</title>
  </head>
  <body>
    网页内容
  </body>
</html>
  • <!DOCTYPE html> 用于定义文档类型为HTML5。
  • <html> 标记用于表示文档的开始。
  • <head> 标记用于包含文档的元数据,例如标题和头部样式表。
  • <title> 标记定义文档的标题。
  • <body> 标记包含文档的主要内容。
标题

HTML提供了6个标题级别。标题级别随着数字1-6逐渐减小。以下是每个级别的标题:

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
段落和文本

HTML中的文本可以包装在<p>标签中,表示一个段落:

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

可以使用<strong><em>标记使文本加粗和斜体:

<p><strong>粗体文本</strong>和<em>斜体文本</em>。</p>
链接

使用<a>标记来创建链接:

<a href="https://www.example.com">这是一个链接</a>

href属性用于指定链接的URL地址。在这个例子中,链接指向https://www.example.com。

图像

使用<img>标记来插入图像:

<img src="image.jpg" alt="图像描述">

src属性用于指定图像的URL地址。alt属性用于提供图像的文本描述,以便屏幕阅读器等辅助技术能够理解图像。图像应该总是使用<img>标记来插入。

列表

HTML提供了两种类型的列表:有序列表和无序列表。

无序列表使用<ul>标记表示,每个列表项使用<li>标记表示:

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

有序列表使用<ol>标记表示,每个列表项使用<li>标记表示:

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>
表格

使用<table>标记来创建表格:

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>单元格1</td>
      <td>单元格2</td>
      <td>单元格3</td>
    </tr>
    <tr>
      <td>单元格4</td>
      <td>单元格5</td>
      <td>单元格6</td>
    </tr>
  </tbody>
</table>

<thead>标记用于表示表格的表头,<tr>表示表格的行,<th>表示表头单元格,<tbody>表示表格的主体,<td>表示除表头外的单元格。

结论

这些是HTML的基础知识,可以用于创建简单的网页。HTML有许多其他标记,可以用于添加其他类型的内容,例如表单和多媒体。