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>页面标题</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 定义表头。
