Appearance
HTML 是什么
HTML(超文本标记语言)是构建网页的骨架。它不是编程语言,而是用一组"标签"告诉浏览器:这里是标题、这里是段落、这里是图片。
一个最简单的网页
新建一个文件 index.html,粘贴下面的内容,用浏览器打开:
html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>你好,世界!</h1>
<p>这是我的第一个 HTML 页面。</p>
</body>
</html>浏览器打开后会显示:
你好,世界!
这是我的第一个 HTML 页面。
页面结构拆解
| 部分 | 作用 |
|---|---|
<!DOCTYPE html> | 告诉浏览器这是 HTML5 文档 |
<html> | 整个文档的根标签 |
<head> | 放标题、编码、样式等"看不见"的信息 |
<body> | 放所有"看得见"的内容 |
关键词
- 标签都是成对出现的,如
<p>和</p> <head>里的<title>会显示在浏览器标签栏,对 SEO 很重要<meta charset="UTF-8">保证中文不乱码
建议
每页只写一个 <h1>,它是搜索引擎判断页面主题的重要信号。