前言
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标签，根标签
<html> </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标签自带样式，属于块元素。
总结
以上就是今天学过的内容，本文仅仅简单介绍了HTML5的使一些简单标签的使用，而HTML5给我们提供了方便快捷的前端技术。
希望各位都能够一起好好学习前端。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
