专注大前端领域，持续分享React、Vue、React-Native、Flutter、跨端等领域内容

div和span都表示包住一块东西。但是，从使用场景上看，div一般包裹的是一组结构，而span一般包裹的是一个句子里的几个字。在真正的浏览器里，div和spandiv是块级元素，span是行内元素。什么是块级元素、什么是行内元素，这个概念后面会讲。divspan包住什么一组内容，例如一个标题加一段话一句话里的几个字自己占不占一块占一块，从新的一行开始不占一块，留在行内自己表示什么角色不表示不表示class写在开始标签里，用来给这些普通容器起名字。span同样可以加class，它和。

ul是没有顺序的一组：顺序换一换，意思不变，例如一门课会用到的几样东西。ol是有顺序的一组：步骤、名次、操作先后。选哪一个，先问「把两条对调，意思变不变」。li是其中一条，必须放在ul或ol里面。ul和ol的直接子内容就是这些li。ulol他们的子元素一定是li。li中，也可以包裹一组列表。但是必须放在li内部。某一条下面还可以再套一层列表。内层的ul或ol写在那一条li里面，不要写在li的外面、和别的li平级。示例里「这一项先不学」属于「JavaScript」这一条，所以套在它的li里。内层用ul。

img src="地址" alt="替代文字">。img是空元素，没有结束标签，不要写</img>。src的写法和上一篇链接地址相同。同一文件夹写cover.png，子文件夹写，上一级写，另一台服务器写完整的https://地址。图没出现时，先看它最后拼出来的地址，和链接打不开时一样。alt是替代文字，不是图片标题，也不出现在图的旁边。图能显示时，读者看见图。图加载失败，或者读屏软件不看图、只读文字时，用的就是这句。句子要写出这张图在告诉读者什么。

a href="地址">链接文字</a>。链接文字放在开始标签和结束标签之间，写成点开以后能去的地方。a放在p里面，它不自己另起一段。a写上href才是能点的链接。不写href，字还在，点了不跳转。不写target，在当前页打开。在新窗口打开，原来这一页留着。https://是另一台服务器。同一文件夹写文件名，子文件夹写，上一级写../。本地直接打开文件时，从磁盘根目录算起。页内跳转先给目标一个唯一的id，链接写成href="#这个id"。名字对不上，就到不了。

正文里的是标签的开头。浏览器从这里开始认一个标签，直到。所以要显示小于号、大于号，必须换成实体字符：一种以开头、以分号结尾的写法。要显示的字符写成lt是 less than，gt是 greater than，amp是 ampersand。本身是实体的开头。正文里要显示这个符号，写成。否则它后面的字母会被拿去匹配一个实体名字。普通空格、中文、中文标点直接打。逗号、句号、冒号、书名号都不需要换成实体。上一篇说过，连续的普通空格会被收成一个，那是空格的规则，不是因为空格必须转义。

同一段里换一行<hr>话题换了，画出一条横线一个不会被拆开的空格<br>是空元素，没有结束标签，不要写

本文介绍HTML中strong、em、b、i四个行内标签的语义区别与使用场景：strong强调内容重要性（粗体），b仅突出显示（粗体）；em表示朗读时重读（斜体），i用于换语气或标示书名、术语（斜体）。虽浏览器默认样式相似，但语义不同，应根据含义而非外观选择标签。后续将讲解文本格式化细节。

本文介绍HTML中h1至h6标题标签与p段落标签的基本用法。h1为最高级别标题，建议每页仅使用一个，后续按顺序使用h2、h3等，避免跳级；p标签用于包裹完整段落，段间空隙由浏览器默认样式决定。标题字号与级别相关，而非手动调整，样式修改应使用CSS。页面标题（h1）与标签页标题（title）功能不同，需区分使用。

最简单的完整HTML文件包含<!DOCTYPE html>声明，根元素<html lang="zh-CN">，<head>中定义字符编码UTF-8和页面标题，<body>中放置可见内容如<h1>和<p>。通过控制台验证compatMode为CSS1Compat、characterSet为UTF-8、lang为zh-CN，确保结构正确。该文件结构清晰，符合现代HTML标准，适合作为学习起点。

HTML是超文本标记语言，用于定义网页内容的结构与角色，如标题、段落、按钮等。它与CSS（控制样式）和JavaScript（处理交互行为）分工明确：HTML决定“有什么”，CSS决定“长什么样”，JavaScript决定“点后发生什么”。浏览器解析HTML标签后渲染页面，标签仅标注内容角色，不决定外观。通过index.html文件可实践基础结构，配合<style>和<script>临时嵌入样式与逻辑，但应区分三者职责。掌握其核心概念，是前端学习的第一步。