Tutorial·  

HTML 基础入门

HTML(超文本标记语言)是构建网页的基础,了解它如何定义网页的结构和内容。

W3C

@W3C

什么是 HTML?

HTML(HyperText Markup Language,超文本标记语言)是用来构建网页的标准标记语言。它描述了网页的结构和内容。

基本结构

一个基本的 HTML 文档包含以下结构:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落。</p>
</body>
</html>

常用 HTML 标签

标题标签

HTML 提供了 6 个级别的标题标签:

  • <h1> - 最高级标题
  • <h2> - 次级标题
  • <h3> - 第三级标题
  • <h4> - 第四级标题
  • <h5> - 第五级标题
  • <h6> - 最低级标题

段落和文本

  • <p> - 段落
  • <span> - 行内文本容器
  • <strong> - 重要文本(粗体)
  • <em> - 强调文本(斜体)

列表

无序列表:

<ul>
    <li>项目一</li>
    <li>项目二</li>
    <li>项目三</li>
</ul>

有序列表:

<ol>
    <li>第一步</li>
    <li>第二步</li>
    <li>第三步</li>
</ol>

链接和图片

链接:

<a href="https://developer.mozilla.org">访问 MDN</a>

图片:

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

学习资源

点评

点赞或评论
暂无评论,快来发表第一条吧!