本文介绍了HTML5的基本概念，包括它的定义、发展历史、优势以及W3C标准。详细讲解了HTML5的基本结构、常用开发软件如Hbuilder的安装和使用，重点讨论了HTML中的标签如<title>、<meta>、<h1>、<p>、<br>、<hr>、<strong>、<em>、<img>、<a>及锚链接。同时，阐述了行内元素和块级元素的区别。
HTML5入门
一、HTML5定义
1.HTML中文定义：超文本标记语言（Hyper Text Markup Language）
2.文本：以txt为后缀的文件/文档
3.超：“超越文本”，包含除了字符之外，还包含视频或者音频
4.标记：特殊字符<>
5.HTML作用：开发网页
二、HTML基本结构
<html> /根标签
<head></head> /头部标签
<body></body> /体部标签
</html>
三、HTML发展史
1.1993年HTML诞生
2.2000年XHTML诞生
3.2013年HTML5诞生
四、HTML5优势
1.知名浏览器厂商对HTML5的支持（chrome、firefox）
2.市场的需求
3.跨平台（pc/app）
五、W3C标准
组成结构
1.结构化
2.表现化
3.行为化
基础环境软件
一、了解常用开发H5软件
1.记事本
2.Dreamweaver
3.WebStorm
4.Hbuilder
5.Vscode
6.IDEA
二、安装Hbuilder
1.下载，放置非c盘
2.启动，找到Hbuilder.exe，双击
3.创建web项目工程
步骤：文件-->新建-->web项目-->完成
4.保存：快捷键ctrl+s
5.测试运行效果
HTML5常用标签
一、HTML基本结构
1.<html>
<head></head>
<body></body>
</html>
2.HTML标签种类
（1）成对标签 例如：<head></head>
（2）自闭标签 例如：<hr/>
二、HTML声明
<!DOCTYPE html>
1.“DOC”：文档
2.“TYPE”：类型
3.告诉浏览器当前文档是使用什么样的规范
4.HTML4.01的声明
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
三、<title>文档标题标签
四、<meta>元信息标签
1.<meta charset="UTF-8">
2.meta 标签名称
3.charset 属性名
4.UTF-8 属性值
5.可以设置当前的文档的字符集，以便于浏览器识别字符集
五、<h1>标题标签
1.h1-h6 只有这六个标题标签，其他都是正文
2.h1-h6（“内容”标题标签）一般存放的位置在body标签中
而title（文档标题标签）一般存放的位置在head标签中
六、<p>段落标签
被p标签包裹的内容作为一个新的段落
七、<br/>换行标签
定义：强制性的将<br/>之后的内容另起一行
八、<hr/>水平线标签
实现水平线分割
九、<strong>加粗标签
对字体进行加粗
十、<em>斜体标签
对字体进行倾斜
十一、<img>图像标签
十二、<a>链接标签
<a herf="demo006.html">点击1</a> //原有页面展示demo006页面内容
<a href="demo006.html"targert="_blank">点击2</a> //跳转到新的空白页面demo006.html
<a href="demo006.html"target="_self">点击3</a> //原有页面展示demo006页面内容
十三、<a href="#marker"锚链接
行内元素和块元素
一、行内元素：不独占一行，例如：a标签、strong标签、em标签等
二、块级元素：独占一行，例如：p标签、h1-h6标签
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
