当前位置：首页 > 探索

什么是html

# 什么是 HTML 你右键点击任何一个网页，选“查看网页源代码”，屏幕上涌出来的那一大堆尖括号包围的东西，就是 HTML。它不漂亮，甚至有点乱，但浏览器就是靠它把文字、图片、按钮摆到该去的位置。 HTML 的全称是 HyperText Markup Language，超文本标记语言。名字里三个关键词拆开看就懂了。“超文本”指的是页面之间能互相跳转——你点一个链接跑到另一个页面，这个行为本身就靠它实现。“标记”说明它不是编程语言，没有循环、没有判断、没有变量计算，它干的活是给内容贴标签，告诉浏览器“这段是标题”“那段是段落”“这里插一张图”。浏览器读到 `

你好

`，就知道要把“你好”放大加粗显示；读到 `

` 就另起一段。就这么简单。 我刚开始接触网页的时候，以为做一个页面需要很复杂的工具。后来发现用记事本就能写。新建一个文本文件，敲几行： ```html

我的第一个网页

今天天气不错。

``` 把后缀改成 `.html`，双击打开，浏览器里就出来了。那一刻的感受挺奇妙的——原来网页的底层这么朴素。 HTML 的核心逻辑是“嵌套”。标签像套娃一样一层包一层。比如： ```html

文章标题

这是一段加粗的文字。

``` `
` 是一个容器，里面装了标题和段落。`` 又嵌在段落里面。浏览器解析的时候，就是按这个层级关系来决定谁在谁里面、谁大谁小、谁占多宽。嵌套搞错了，页面就会乱。我见过一个新手把 `
` 提前关掉了，结果整个侧边栏跑到页面底部去了，找了半天才发现是标签没配对。 标签分两类。一类像 `

`、`

`、`

`，成对出现，有开有关，中间包着内容。另一类像 ``、`
`、``，单标签，自己就完成了任务。`` 只要给它一个 `src` 属性指向图片地址，它就把图显示出来，不需要闭合。 属性是标签的补充信息。`点我` 里的 `href` 就是属性，告诉浏览器这个链接要跳到哪里去。`一只橘猫` 里的 `src` 和 `alt` 也是属性，一个指定图片路径，一个在图片加载失败时显示替代文字。属性让标签变得灵活，同一个标签配上不同属性，行为完全不同。 说到版本，现在你写网页用 `` 开头就行，这是 HTML5 的声明。往前推十几年，还有 HTML 4.01、XHTML 1.0 这些版本，头部声明长得像天书。HTML5 把很多以前需要插件才能做的事——比如播放视频、画图表——直接变成了标签。`