# HTML怎么使用 打开记事本，使用敲下 `

你好

`，使用保存为 `.html` 文件，使用双击——浏览器里跳出一行加粗大字。使用这就是使用HTML最朴素的使用方式。它不是使用什么编程语言，没有变量、使用循环、使用判断，使用只是使用一套给内容贴标签的标记系统。浏览器读到 `

`，使用就知道“这是使用个大标题”，读到 `

`，使用就明白“这是使用一段话”。 标签分两类。使用一类像 `

标题

`，成对出现，中间裹着内容；另一类像 `` 或 `
`，单打独斗，自己就是完整指令。写HTML的日常，无非是在合适的地方放合适的标签。文字用 `

` 包起来，链接用 ``，图片用 ``。就这么直接。 拿一个真实页面举例。假设你要做张个人名片页。骨架先搭好： ```html

张三

前端开发，住在杭州。

发邮件给我 ``` `` 告诉浏览器“这是HTML5”，`` 里放页面元信息——字符编码、标题、样式表链接，这些不显示在页面上。`` 里才是给人看的内容。`` 这行特别关键，不写的话中文可能变乱码，我踩过这个坑，页面打开满屏问号，排查半天才发现是编码问题。 标签可以嵌套。比如列表里放链接： ```html

• 博客
• GitHub

``` `

` 是无序列表，`
• ` 是列表项，`` 是链接。浏览器渲染出来就是两个带圆点的条目，点一下跳转。嵌套时注意闭合顺序——先开的后关，像叠盘子，最后放上去的最先拿下来。 属性是标签的附加信息。`` 的 `href` 指定跳转地址，`` 的 `src` 指定图片路径，`alt` 是图片加载失败时的替代文字。`alt` 别偷懒不写，网络差的时候用户至少知道那里本该有张图。`class` 和 `id` 用来给标签起名字，方便CSS和JavaScript找它。`id` 全页面唯一，`class` 可以重复用。 写HTML有个习惯得养：缩进。嵌套层级用两个空格或一个Tab拉开，代码结构一目了然。不缩进也能跑，但过两周回头看，自己都认不出哪层套哪层。 浏览器对HTML很宽容。标签忘了闭合，它帮你猜；属性引号漏了，它试着补。但这种宽容是陷阱——不同浏览器猜法可能不一样，页面在Chrome正常，到Firefox就歪了。所以老老实实闭合每个标签，属性值加引号，别指望浏览器兜底。 HTML文件本质是纯文本。用任何文本编辑器都能写，VSCode、Sublime、甚至系统自带的记事本。保存时扩展名用 `.html` 或 `.htm`，编码选UTF-8。双击文件，默认浏览器打开，就能看到效果。改完代码刷新浏览器，新样式立刻生效——这种即时反馈，是HTML让人上瘾的地方。 想验证写得对不对，按F12打开开发者工具，Elements面板里能看到浏览器实际解析出的DOM树。和你写的源码对比，多了少了什么，一目了然。这比猜来猜去高效得多。 HTML是网页的骨架，CSS管长相，JavaScript管行为。三样里HTML最简单，也最基础。花一个下午把常用标签过一遍，就能动手写页面了。剩下的，在写的过程中遇到再查，比死记硬背强。