HTML 是啥?(HTML是啥意思)
小伙伴们大家好呀,其实简单想一下代码就像盖房子,一点一点盖起来的,代码亦是如此。好了不废话了接下来我们就对他来一个详细的介绍。
想象你要盖房子:
- HTML = 房子的 骨架(墙、门、窗)
- CSS = 点缀 装修(刷漆、贴壁纸)
- JavaScript = 让房子能实现动态操作(自动门、电灯开关)
今天咱们先搞定骨架(HTML)!
1.<!DOCTYPE html>—— 告诉浏览器当前 HTML 是用什么版本编写的
<!DOCTYPE html>
作用:告诉浏览器:“老兄,我是 HTML5 的文档,别搞错了啊!”
不写会怎样?
浏览器会懵:“这啥版本啊?” 然后可能乱排版(比如你的网页突然变成 90 年代风格)。
2.<html>—— 整个网页的“袋子”
<html>
...
</html>
就像一个大袋子,所有东西都塞里面。
可以加 lang="zh-CN" 告诉浏览器:“我这网页是中文的!”(对搜索引擎友好):
<html lang="zh-CN">
3.<head>—— 藏起来的“小秘密”
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>
这里的东西不会显示在页面上,但超级重要!
(1)<meta charset="utf-8">
作用:防止中文变成乱码(比如“你好”变成“”)。
为啥叫 UTF-8?
因为它能装下 全世界文字,甚至 emoji !
(2)<title>
作用:浏览器标签页上显示的名字(比如你开 10 个网页,就靠它区分)。
偷偷告诉你:Google 搜东西时,这个标题会显示在结果里!
4.<body>—— 真正显示的内容!
<body>
123456
</body>
这里写啥,网页就显示啥!
5. 完整例子
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"> <!-- 不写这句,中文会变火星文! -->
<title>我的沙雕网页</title> <!-- 标签页标题,随便起! -->
</head>
<body>
欢迎来到我的网页!
</body>
</html>
6. 怎么玩?
- 打开 记事本(别笑,真的可以!)。
- 复制上面代码,保存为 xxx.html(名字随便,比如 1.html)。
- 双击用浏览器打开 —— 恭喜!你的第一个网页诞生了!