简单复盘一下 HTML。
1、HTML
什么是 HTML?HTML 是 Hyper Text Markup Language 的简写,译成中文是「超文本标记语言」。
顾名思义,超文本,便是不止于文本,视频、音频、照片等等都能够,说到底便是一种特殊的文档。HTML 构建了一个网页的基本骨架,TA 是用来描述网页的一种语言。
2、HTML 有多简单?
HTML 简单到只必须一个记事本就能编写。新建一个 msunh.txt 文档,输入「我是玖柒后」保留,将扩展名改为 .html ,浏览器打开就能直接看到左侧内容,F12 进入 Elements 看到如右侧内容:
红框内的 html、head、body 标签都是浏览器自动加上的,右键查看源代码或编辑 msunh.html 文档,你会发掘除了「我是玖柒后」这五个字之外并无其他内容。
当然,这儿是不意见用记事本进行研发的,这是为了你的生命安全思虑(人生苦短)。意见运用 Visual Studio Code,舒服的一批。
3、HTML 的基本构成
一个简单的网页构成如下:
<!Doctype html>
<html>
<head>
<title>我是玖柒后</title>
</head>
<body>
「我是玖柒后」
</body>
</html>
4、各样各样的零件
上面说的 html、head、title、body 被叫作之为 HTML 元素,亦便是各样各样的零件、器官。
除了 <br/> 、<hr/>、<img/>、<input/> 等少部分自闭合标签外,元素的起始标签和结束标签必要成对显现,例如:<html></html>。
这些元素能够互相嵌套,这个“人”的所有部位都是嵌套而成,想要长得好,先把架子搭好。
关于 HTML 更加多的介绍,能够去看一下网上的文档。这儿给大众介绍一个网站:MDN。不吹不擂,看了你就晓得了。
MDN 传送门:
5、head 标签
<head> 标签被看做是网页的头。
TA 里面一般会有 title、meta、style、link、script 这几种标签,title 比较简单,便是在窗口处表示网页的名叫作。
meta 是比较要紧的一个辅助标签,有点类似于个人档案,正常浏览咱们是不会在网页中看到的,一块认识一下 meta 标签平常形式:
// 定义页面的编码方式,国内一般都是用 UTF-8
<meta charset="UTF-8">
// 向搜索引擎说明网页的重要词
<meta name="keywords" content="我是玖柒后">
// 向搜索引擎说明站点的重点内容
<meta name="description" content="我是玖柒后">
// 暗示页面的可见区域
<meta name="viewport" content=
|