HTML(Hypertext Markup Language)是用于构建网页结构的标记语言。以下是HTML的一些基础概念和常见元素:

1. HTML文档结构

一个基本的HTML文档包含以下结构:
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>

<!-- 页面内容在这里 -->

</body>
</html>

  •  <!DOCTYPE html>:声明文档类型和版本。

  •  <html>:HTML文档的根元素。

  •  <head>:包含元数据,如字符集和页面标题。

  •  <title>:设置页面标题,显示在浏览器标签上。

  •  <body>:包含实际的页面内容。


2. HTML元素和标签

HTML文档由各种元素组成,每个元素都由一个标签(tag)定义。标签通常成对出现,包括开始标签和结束标签。元素的内容位于这两个标签之间。
<p>This is a paragraph.</p>
<a href="https://www.example.com">Visit our website</a>
<h1>This is a heading</h1>

  •  <p>:定义段落。

  •  <a>:定义超链接。

  •  <h1> 到 <h6>:定义标题,表示不同级别的标题。


3. HTML属性

HTML元素可以包含属性,属性提供有关元素的额外信息。属性通常包含在开始标签中。
<a href="https://www.example.com" target="_blank">Visit our website</a>
<img src="image.jpg" alt="An example image">

  •  href:超链接的目标URL。

  •  target="_blank":在新窗口或标签中打开链接。

  •  src:图像的源文件路径。

  •  alt:图像的替代文本。


4. HTML列表

HTML支持有序(<ol>)和无序(<ul>)列表,以及列表项(<li>)。
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

<ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

5. HTML表格

HTML表格由<table>定义,包括行(<tr>)、表头单元格(<th>)和数据单元格(<td>)。
<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Row 1, Cell 1</td>
        <td>Row 1, Cell 2</td>
    </tr>
    <tr>
        <td>Row 2, Cell 1</td>
        <td>Row 2, Cell 2</td>
    </tr>
</table>

这是HTML的一些基础概念。深入学习HTML,你可以了解更多元素、样式和交互性的内容,以构建更丰富和复杂的网页。


转载请注明出处:http://www.zyzy.cn/article/detail/3108/HTML