一、Html的简介
超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
Html的标签分为单标签和双标签
双标签:<head></head>
单标签:<img>
二、Html的声明
DOCTYPE是document type(文档类型)的缩写。<!DOCTYPE html>是H5的声明位于文档的最前面,处于标签之前。
它是网页的必备的组成部分,避免了浏览器的怪异模式
<!DOCTYPE html>
三、Html的基本骨架
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
- html标签
定义HTML文档,这个元素我们的浏览器看到后就会明白这是一个HTML的文档了,所以你的其它元素要包裹在它里面,标签限制了文档的开始点和结束点
<!DOCTYPE html>
<html>
</html>
- head标签
head标签用于定义文档的头部。文档的头部描述了文档的各个属性和信息,包括文档的标题, 在web中的位置、以及和其他文件的关系等。绝大部分的文档头部包含的数据都不会真正的作为内容显示给读者的。
<!DOCTYPE html>
<html>
<head>
</head>
</html>
- body标签
body元素定义文档的主体
body元素包括了文档的所有内容(比如说文本、超链接、图像和列表等等)
它会直接在我们的页面上显示出来,也就是用户可以直接观看到的内容
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
- title标签
可以定义文档的标题
它显示在浏览器窗口的标题或状态栏上
<title>标签是<head>标签之中唯一必须要求的内容,也就是说有了<head>一定要加上<title>
<title>的增加有利于SEO的优化
SEO是搜索引擎优化的缩写,通过对网站内容的调整,满足搜索引擎的排名要求
<!DOCTYPE html>
<html>
<head>
<title>第一个页面</title>
</head>
<body>
我会显示在浏览器之中的
</body>
</html>
- meta标签
meta标签用来描述一个HTML网页文档的属性,关键词等,例如:charset="utf-8"是说的是当前使用的是utf-8的编码格式,在开发之中我们会经常看到"utf-8",或者是"gbk",这些都是编码格式,通常所用的为"utf-8"的格式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个界面</title>
</head>
<body>
欢迎来到我的第一个网站
</body>
</html>
至此HTML的简介和基本骨架介绍完成啦,大家开始动手试一下吧!