html怎么用

打开记事本，敲上几行代码，保存成 .html 文件，双击用浏览器打开——你的第一个网页就活了。这是2008年我上计算机课时学到的，当时觉得神奇：几行尖括号包裹的英文，居然能变成带标题和段落的页面。现在想想，html的用法本质就一句话：用标签告诉浏览器“这是什么内容”，剩下的排版、美化、交互，全是后来才加上的戏。

先看最基础的结构。每个html文件都长一个样，像填表格：

<!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> <h1>大标题</h1> <p>一个段落，里面可以放<strong>加粗</strong>文字。</p> </body> </html>

这段代码干的事：<head> 里放给浏览器看的信息，<body> 里放给用户看的内容。标签成对出现，像开灯关灯——<p> 开，</p> 关，中间夹着的内容就被“包”成了段落。忘了关标签？浏览器会自己猜，但猜错时页面就乱套了。我见过有人漏掉 </div>，整个网页布局像被狗啃过。

光有文字不够，html最常用的其实是链接和图片。链接用 <a>，图片用 <img>：

<a href="https://example.com">点我去别处</a> <img src="photo.jpg" alt="一张照片">

注意 <img> 没有闭合标签，它自己就完事了。属性写在标签里：href 告诉链接去哪，src 告诉图片从哪加载，alt 是图片加载失败时显示的文字——这玩意对盲人读屏软件也重要，别偷懒不写。

列表和表格也是高频用法。无序列表长这样：

<ul> <li>苹果</li> <li>香蕉</li> </ul>

表格更啰嗦，但结构固定：

<table> <tr><th>姓名</th><th>年龄</th></tr> <tr><td>张三</td><td>25</td></tr> </table>

<tr> 是一行，<th> 是表头，<td> 是普通单元格。写多了你会烦——确实烦，但html本来就只是骨架，没人指望你手写复杂表格。

真正让html“活”起来的是配合css和javascript。html管内容，css管长相，js管行为。比如给段落加红色，得在 <style> 里写css：

<p style="color:red;">这段是红的</p>

或者更常用的是在 <head> 里引外部css文件。但记住：html本身不负责“好看”，它只负责语义正确。你问“html怎么用”？我的答案是：先把内容用最合适的标签装好，再想其他。比如标题就用 <h1> 到 <h6>，别用 <p> 加粗冒充标题——搜索引擎和屏幕阅读器都靠标签理解页面结构，乱用标签等于给盲人指错路。

最后说个我踩过的坑。当年给朋友做网页，图片死活显示不出来，查了半天发现文件名是 pic.JPG，代码里写的是 pic.jpg——Linux服务器区分大小写。html的坑大多不在语法本身，而在细节：引号没闭合、路径写错、编码没声明（<meta charset="utf-8"> 别忘了）。但别怕错，浏览器开发者工具（按F12）能直接告诉你哪行代码有问题，比瞎猜快十倍。

你不需要背所有标签。常用的就二十来个，剩下的用到时查mdn文档（mozilla开发者网络）就行。html是编程里最不“编程”的东西——没有逻辑判断，没有循环，只有结构。但也正是这份简单，让它成了web世界的基石。哪怕现在前端框架满天飞，最终编译出来的还是html。学会它，你就掌握了看网页底牌的能力。