别的不多说了，不是专业的写手，老师什么的。直接码，边码边介绍。
注：本文适合有一定基础的同行回顾巩固相关知识。（回顾以往，网上文章除了专业学习网站外，大多都是这样的文。）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>呵呵</title>
</head>
<body>
<!-- 网页控件元素，类似按钮/图片/文章什么的都写在这里 -->
</body>
</html>
以上这段代码，可以说是html的基础了。每个html文件都不会少了这个结构，接下来就为大家介绍一下这段代码的含意。
<!doctype html>
这段开头代码的意思是声明本文件为HTML文档。随着html的发展，这段开头代码，越来越简单，但是不要忽略了。因为以后可能还是需要打交道的。比如这样的开头声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- 理解知道一下就行，不用太多关注 -->
<html> 元素是 HTML 页面的根元素，不用理会太多，基本就是开头结尾所写而已。
<head> 元素是头部的意思，包含了文档的元（meta）数据/<title>标题元素/css引用/js引用/基础接口设置等（基本也就这些了）。其中你只需要记住元数据<meta>就够了，其他的东西，初学的话不用太关注，学着学着就慢慢会了。
<meta charset="utf-8">
这段代码也就是你在头部部分中需要关注的地方。意识是定义网页编码格式为 utf-8，注意没有这段代码的话，你会打开网页会发现一堆乱码。
<title>呵呵</title>
<title>也是写在头部当中的，顾名思意就是网页标题的意思。比如我现在的网页标题就是「简书 - 写文章」。如果你没写这段代码的话，网页标题会默认为你的html文档名称。比如，如果你的文档名称为learn.html的话，标题就会默认为learn。
<body> 元素则是网页的内容页面。在互联网发展之初，某个专门注册网络域名，售卖域名的小伙基本就是复制上述代码然后在<body>中写上一句“此域名已被本大佬注册，想要的就打的我的电话188**** ****。钱够，一切好说！！！”
就这样，一个最简单的网页完成了。当别人想要某个域名在网上搜索的时候，就会看到一片白的页面上这样一句话。
文章完成了，不过有点短，再加点货。
上述中的<html>，<title>之类的元素称之为标签。html文件中，标签分为两类。一为双标签格式为<name></name>，成对出现，前者为开始，后者为结束。如title/body/html都是这样的标签。
一为单标签（又称空元素）就像meta，格式为<name>，没有结束标签。
注1：在html文件中，写单标签的时候最好用<naem/>这样的格式更为规范。
注2：在html文件中，标签部分最好用小写。虽然html文件对大小写不敏感，但在html的发展中更倾向于用小写格式。
网友评论