张芷铭的个人博客

#HTML #前端 #标记语言

HTML（HyperText Markup Language）是构建网页的标准标记语言，定义网页的结构与内容。

基础结构

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<!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>

常用标签

标签用途
<div>块级容器
<span>行内容器
<a>超链接
<img>图片
<ul>/<ol>无序/有序列表
<table>表格
<form>表单

语义化标签

HTML5 引入语义化标签提升可读性和 SEO：

  • <header>：页眉
  • <nav>：导航
  • <main>：主内容
  • <article>：文章
  • <section>：章节
  • <footer>：页脚

Comments