Web 前端基础:HTML 核心语法与常用标签
HTML 简介
HTML 是什么?
HTML(HyperText Markup Language)即超文本标记语言,是构建网页内容的标准标记语言。它定义了网页的结构和内容,浏览器解析这些标签后将其渲染为可视化的页面。
HTML 骨架
一个标准的 HTML5 文档通常包含以下结构:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 页面可见内容 -->
</body>
</html>
<!DOCTYPE html>:声明文档类型为 HTML5,确保浏览器以标准模式渲染。<html lang="zh-CN">:根元素,lang属性指定页面语言,有助于 SEO 和屏幕阅读器。<head>:存放元数据(如编码、视口设置、标题),不会直接显示在页面上。<meta charset="UTF-8">:设置字符编码为 UTF-8,防止中文乱码。<meta name="viewport">:移动端适配必备,设置宽度等于设备宽度,默认缩放比例为 1。
<body>:包含所有用户可见的页面内容,如文本、图片、链接等。
HTML 标签语法
标签结构
HTML 标签大多成对出现,由开始标签和结束标签组成,中间包裹内容。
- 双标签:如
<p></p>,需要闭合。 - 单标签:如
<br>,单独存在,无需闭合。
VS Code 快速生成技巧: 在 HTML 文件中输入 然后按 或 ,可自动生成标准文档骨架。缩进使用 ,回退使用 。
容器内包含 tr(行)、td(单元格)、th(表头)。
