内容摘要： 如何创建HTML网页 如何创建HTML网页 打开Windows自带的记事本，比打开Word还快。按下Ctrl+S，文件名输入index.html，编码选UTF-8——你已经创建了第一个网

如何创建HTML网页

打开Windows自带的记事本，比打开Word还快。何创按下Ctrl+S，何创文件名输入index.html，何创编码选UTF-8——你已经创建了第一个网页文件。何创别急着双击，何创先往里面敲一行字。何创

HTML不是何创编程语言，它是何创标签的堆砌。就像搭积木，何创每个标签告诉浏览器“这是何创一段标题”“这是一张图片”“这是可点击的链接”。我见过太多新手第一件事就是何创背标签，完全没必要。何创你只需要记住一个骨架：<!DOCTYPE html>声明文档类型，何创<html>包住所有内容，何创<head>放配置信息，<body>放可见内容。剩下的，用到哪个查哪个。

举个例子。你在记事本里敲下这段代码：

 <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>你好，世界！</h1> <p>这是我用HTML写的段落。</p> </body> </html> 

保存后双击文件，浏览器会渲染出大标题“你好，世界！”和一句灰色小字。注意看，<h1>标签自带加粗和字号，<p>标签自动换行——你没写任何样式，浏览器给了默认排版。这就是HTML的底层逻辑：语义决定外观。

这时候你会遇到第一个坑：想给文字加颜色怎么办？别急着学CSS，先试试<font color="red">——虽然这个标签早就被废弃了，但能让你直观理解“属性”的概念。真正的做法是在<head>里写<style>标签，把样式集中管理。比如：

 <style> h1 {  color: #e74c3c; } p {  font-size: 18px; } </style> 

刷新浏览器，标题变红，段落变大。这时候你才算摸到门道：HTML管结构，CSS管样式。就像盖房子，HTML是钢筋水泥的框架，CSS是刷墙铺地板的装修。很多人纠结先学哪个，我的建议是——先玩HTML，玩到你觉得“这丑得没法看了”，再碰CSS。

接下来要处理图片和链接。图片用<img src="图片地址" alt="描述文字">，链接用<a href="网址" target="_blank">点击跳转</a>。这两个标签有个共同点：必须带属性才能工作。src告诉浏览器图片在哪，href告诉浏览器跳向何方。我见过最典型的错误是图片路径写错，明明文件和图片在同一个文件夹，却写了个C:\Users\...\photo.jpg这种绝对路径。正确的做法是直接写photo.jpg，或者用./photo.jpg表示当前目录。

最后说一个反直觉的事实：HTML的换行在浏览器里会被折叠成空格。你按十次回车，浏览器只认一个空格。要强制换行得用<br>标签，或者用<p>包裹段落。很多新手在这卡壳，以为代码写得越整齐，网页就越整齐——完全两码事。

当你把上述内容都试过一遍，你已经能做一个简陋但完整的网页了。别急着学框架，先尝试用纯HTML+CSS做一个个人介绍页，哪怕丑得惊人也无所谓。我自己的第一个网页是蓝底黄字配红链接，现在看像车祸现场，但当时点开浏览器的瞬间，那种“我写的代码能变成画面”的兴奋感，至今还记得。技术这东西，上手永远比空想快。