HTML的全称叫做Hypertext Markup Language，超文本标记语言，是网页的文件格式。网页的格式.
HTML基本骨架
<!DOCTYPE> //文档申明头 。 告诉浏览器我是什么版本的的HTML文件
<html> //固定写法
<head> //头部信息
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> //使用meta设置字符集
<title>我是标题</title> //页面描述和关键词
</head>
<body>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
在HTML网页中，使用meta设置字符集 meta是元 初始的意思。 表示元设置 初始设置。
在HTML页面中 有两种字符集设置
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 和
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
关键词和页面描述
<meta name="keywords" content="手机,电脑,冰箱,彩电">
可以设置页面关键字，搜索引擎会抓取这些关键字：
HTML中标签大部分是成对出现，还有一些单标签
例如<p>哈哈哈哈<p/>
<p> 叫做起始标签
</p> 叫做结束标签
HTML 对换行 TAB缩进 空格不明显
h表示header，标题的意思。一共有六个，有不同的语义。
h1 1级标题
h2 2级标题
h3 3级标题
h4 4级标题
h5 5级标题
h6 6级标题
p表示paragraph，段落。
<p>文字</p>
p标签一定要注意一件事，p里面只能放文字、图片、表单元素。不能放其他东西。p是一个文本级标签。
错误的写法：
<p>
<h3>个人介绍</h3>
</p>
在HTML中插入图片 使用img标签
<img src="123.jpg" />
img是英语image的简称，图片的意思
src是英语source的简称，资源的资源
src属性中的值，就是图片的路径。
网页中能插入的图片格式有：jpg gif png jpeg bmp
<img src="shishi.jpg" width="500" height="300" />
可以通过width height 设置 宽度高度。
如果仅仅设置一个属性的值的话，另一个值将按比例缩放。
相对路径
img 的src属性是描述图片文件在哪。
从html页面出发，找到图片。这种路径的描述方式，叫做相对路径。
绝对路径
所有以http://开头的路径， 或者以/开头的路径，我们都称为绝对路径。
原文：https://www.cnblogs.com/kun666/p/9784052.html