基本 html 网页

📌 相关文章

📜 基本 html 网页 - Html (1)

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

HTML（HyperText Markup Language）是互联网上所有网页的基础。它是一种标记语言，用于创建网页结构和内容。

HTML 标签

HTML使用标签来定义网页内容。标签由尖括号 <> 包裹，通常成对出现。标签的内容被放在标签对之间。以下是几个常用的 HTML 标签：

<html>：定义 HTML 文档。
<head>：定义文档头部，包含文档的元数据信息，如标题、字符集等。
<title>：定义文档标题。
<body>：定义文档主体部分。
<h1>~<h6>：定义标题，从大到小依次对应不同层级标题。
<p>：定义段落。
<a>：定义链接，可以跳转到其他页面或位置。
<img>：定义图像，通过引用图像的 URL 来显示。
<ul>：定义无序列表。
<ol>：定义有序列表。
<li>：定义列表项。
<table>：定义表格。
<tr>：定义表格行。
<td>：定义表格单元格。

HTML 文档结构

一个基本的 HTML 文档应该包含以下内容：

<!DOCTYPE html>
<html>
    <head>
        <title>网页标题</title>
    </head>

    <body>
        <!-- 网页内容 -->
    </body>
</html>

其中，<!DOCTYPE html> 是文档类型声明，告诉浏览器正在使用哪个HTML版本。<html> 标签是文档的根元素，包含整个文档。<head> 标签包含文档的头部信息，<body> 包含网页的实际内容。

示例

以下是一个简单的 HTML 网页示例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title>欢迎使用我的网站</title>  
    </head>  
    <body>  
        <h1>大标题</h1>  
        <p>欢迎访问我的网站。以下是一些学科的示例链接：</p>  
        <ul>  
            <li><a href="https://www.w3schools.com">W3Schools</a></li>  
            <li><a href="https://www.codecademy.com">Codecademy</a></li>  
            <li><a href="https://www.freecodecamp.org">FreeCodeCamp</a></li>  
        </ul>  
    </body>  
</html>

在浏览器中查看此网页时，将显示一个大标题和一组链接。

总结

HTML是网页的基础。了解HTML标签和文档结构可以帮助您创建可读性更好的网站，并使网站易于维护。