htm代码怎么用

你把记事本打开，码用敲上几个尖括号，码用保存成.htm，码用双击——浏览器弹出来，码用页面显示“你好”。码用这就是码用htm的全部秘密。它压根不是码用什么高深编程语言，只是码用一套给浏览器看的排版指令集。我用它写了十年网页，码用最深的码用体会是：htm像乐高，上手即玩，码用但拼出什么造型，码用全看你的码用想象力。

先别急着背标签。码用你只需要记住一个铁律：标签成对出现，码用<标签>内容</标签>。比如<b>加粗</b>，浏览器看到<b>就开启加粗模式，看到</b>就关闭。有点像电灯开关，开和关缺一不可。当然也有少数自闭合标签，比如换行的<br>，它不需要关闭，因为没内容可关。

我见过太多新手卡在第一步——分不清.htm和.html。真相是：两者完全一样，纯属历史遗留。早期DOS系统只认三个字母后缀，所以用.htm，后来Windows放宽限制，.html也流行起来。你电脑上随便用哪个都行，服务器也不在乎。但有个细节：文件名别用中文和空格，否则某些老服务器会直接罢工。

真正让htm“活”起来的是嵌套结构。看这个：<p>这是<b>加粗的</b>文字</p>。浏览器解析时先开<p>段落，遇到<b>再开加粗，内容结束后先关</b>再关</p>。像俄罗斯套娃，必须一层层拆开，顺序反了浏览器会一脸懵。你可以在脑子里想象这个画面：标签是箱子，内容是被包装的礼物，你总得先拆外箱才能碰到内盒。

常用标签就那几个，别被吓到。<h1>到<h6>是标题，数字越小字越大；<img>插图片，但要配src属性指明图片路径；<a>做链接，用href指路。属性就像给标签贴便签——<img src="me.jpg">告诉浏览器“图片在me.jpg这个文件里”。没有属性，标签就是个光杆司令，什么也干不了。

有个坑我必须提醒你：htm里的空格是“一次性”的。你连续敲十个空格，浏览器只显示一个。想多空格？得用 这个特殊符号。类似的反直觉规则还有：换行符在htm里被忽略，你得用<br>强制换行。我第一次写htm时，排了半天的版在浏览器里全挤成一坨，当时真想砸电脑。

调试是htm学习里最磨人的环节。标签漏了个尖括号，页面全乱套——但别慌，浏览器自带“开发者工具”（按F12），能直接告诉你哪行代码出错。我见过一个朋友把</div>写成了<div>，结果整个页面布局崩得像地震现场。这种错误，工具里一眼就能揪出来。

说到底，htm不是用来“写”的，是用来“组织”的。你写一篇文章，先有内容再考虑标题加粗；你排一个页面，先理清结构再修饰细节。别一开始就想着炫技——花哨的动画、复杂的布局，那都是CSS和JavaScript的活儿。htm只负责把骨架搭正，剩下的交给时间。

最后给你个实操建议：随便打开一个网页，右键“查看源代码”，你会看到满屏标签——别怕，挑几个眼熟的认认。浏览器不在乎你懂不懂原理，它只按规则渲染。你每多认一个标签，就多一份对互联网的理解。这感觉，挺妙的。