前言
HTML语言遵守的是Web标准
web标准是W3c组织和其他标准化组织指定的一系列标准的集合
W3c (万维网联盟)是国际最著名的标准化组织
Web标准的构成结构：对网页元素进行整理和分类；浏览器不同，显示页面或者排版就会有些许差异
表现：设置网页的外观样式
行为： 网页模型的定义以及交互的编写
一、HTML5是什么？
HTML 全称是：HyperText Markup Language，即超文本标记语言标记语言，它是一套标记标签 ， HTML 使用标记标签来描述网页，HTML文档也叫做 web 页面
二、标签
1.双标记标签（<标签名> 内容 </标签名>）
代码如下（示例）：
<html> </html>html标签，根标签
2.单标记标签（<标签名>）
代码如下（示例）：
<meta charset="utf-8"> 用来定义字符编码的类型
<img src="img/zhangdaguang.jpg">
该处使用的是图像标签，引用的图片
三、网页开发工具
1.文档类型声明标签
<!DOCTYPE html>
告诉浏览器使用哪种html版本来显示网页， 位于文档中的最前面的位置，处于HTML标签之前，它不属于HTML标签
2. 字符集
<meta charset = "UTF-8'>
meta是元数据标签，UTF-8 被称为万国码，包含全世界所有国家所需要的字符，用来定义字符编码的类型，写在head标签里。如果不写字符集就会出现乱码。也有 汉字编码字符集 GBK GB2312
四、基本结构标签
1.html标签，根标签
2.文档的头部
<head></head>
在head标签中必须设置的标签是title
3.文档的标题
<title></title>
是页面的网页标题，用来 定义网页的标签页标题4.文档的主体
<body></body>
元素包含文档的所有内容页面内容基本上是放到body里的
五、图像标签
<img src=" " alt=" " title=" ">
在网页中显示图片，img标签需要展示对应的效果，要借助标签的属性进行设置
1.src属性
存放目标图片的路径，当网页和目标图片在同一个文件夹中，路径直接写目标图片的名字即可(包括后缀名）
2.alt属性
属性值为替换文本，提醒文本
只有当图片或网页加载失败时，才显示alt的文本
3.title属性
属性值为提示文本当鼠标悬停时才显示的文本
title属性可以作用于很多标签
4.路径
路径分为绝对路径和相对路径，在这里着重讲一下相对路径
（1）Html文档和图片在同一个目录下，src的值直接写图片名称 或 ./ 图片名称
<img src="./hmbb.jpg" > <img src=".//hmbb.jpg" >
./ 代表当前目录，可省略
（2）当Html文件和图片所在的文件夹在同一个目录下，src的值先写文件夹名称，再写图片名称或./ 文件夹名称/图片名称
<img src="img/hmbb2.jpg" > <img src="./img/hmbb2.jpg>
（3）①当Html文档所在文件夹和图片所在文件夹在同一个目录下，src的值 则需要先用”../ ” 跳出当前目录，再写图片所在文件夹的名称，最后写图片名称 ../ 跳出当前文件夹 跳到上一级
②当Html文档所在文件夹和图片所在同一个目录下，src的值 则需要先用”../ ” 跳出当前目录，再写图片名称
<img src="../hmbb.jpg" > <img src="../img/hmbb3.jpg" >
六、排版标签
1.段落标签
代码如下（示例）：
<p>另一位信源则表示，不重点发展了。</p>
p标签用于定义段落，可以将整个网页分为若干个段落，并且文本在一个段落中会根据浏览器窗口的大小自动换行，段落和段落之间保有缝隙。p标签自带样式，属于块元素。
浙公网安备 33010602011771号