Register
> 博客>

html最简单的代码

新速特源码 2月27日 23 0 

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单的 HTML 页面</title>
</head>
<body>

    <h1>欢迎来到我的网页！</h1>
    
    <p>这是一个简单的段落。</p>

</body>
</html>

这段代码中：

<!DOCTYPE html>：指定文档类型为 HTML5。<html lang="en">：定义了 HTML 文档的根元素，并指定了页面的语言。<head>：包含了文档的元信息，如字符集、视口设置和页面标题等。<meta charset="UTF-8">：指定文档的字符编码为 UTF-8，支持包含各种语言的文本。<meta name="viewport" content="width=device-width, initial-scale=1.0">：设置视口的宽度等于设备的宽度，并且初始缩放级别为 1.0，这有助于确保网页在移动设备上正确显示。<title>简单的 HTML 页面</title>：定义了网页的标题，显示在浏览器的标题栏或页签上。<body>：包含了页面的主要内容。<h1>：定义了一个一级标题。<p>：定义了一个段落。

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单的 HTML 页面</title>
</head>
<body>

    <h1>欢迎来到我的网页！</h1>
    
    <p>这是一个简单的段落。</p>

    <h2>一些有趣的链接：</h2>
    <ul>
        <li><a href="https://www.example.com">示例链接 1</a></li>
        <li><a href="https://www.example.com">示例链接 2</a></li>
        <li><a href="https://www.example.com">示例链接 3</a></li>
    </ul>

    <h2>一些有趣的图片：</h2>
    <img src="https://via.placeholder.com/150" alt="示例图片">

    <h2>一个简单的列表：</h2>
    <ul>
        <li>项目 1</li>
        <li>项目 2</li>
        <li>项目 3</li>
    </ul>

</body>
</html>

这段代码增加了三个链接，每个链接都在一个列表项中。一个图片，通过 <img> 标签插入，使用 src 属性指定图片的 URL，alt 属性提供了图片的替代文本，以增强可访问性。一个简单的无序列表，包含了三个项目。

这个示例展示了如何使用 HTML 创建不同类型的内容和元素，这些元素可以在网页中展示文本、链接、图像和列表等。

腾讯云最新优惠活动，点击查看

Related

热门文章

微海报