一、HTML简介
1. html简介
HTML（HyperText Markup Language）是一种超文本标记语言(不是一种编 程语言)， “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
2. html发展史
HTML1-3属于实验版本，已经被淘汰。
HTML4和HTML5的对比:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN" "http://www.w3.org/TR/htm14/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title></head>
<body>
</body>
</html><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</htm1>注:XHTML和HTML的区别
XHTML是HTML向XML的一个过渡语言，在最初W3C组织希望把HTML变成更为严谨的标记语言(比如XML)，但HTML的已经应用的太为广泛，全部换掉不太现实。因此产生了XHTML这样种过度形式。它比HTML更严谨，基本标签都还是沿用了HTML，但废除了“表现层”的标签，同时要求标签的严格嵌套，标签结束等等。
3.常用的编辑器:
WebStorm、Ecliipse、text sublime、Dreamweaver 等
推荐:HBuilder、vscode
二、HTML5 文档的基本格式
<!DOCTYPE html><!--版本声明-->
<html><!--结构最外层-->
<head><!--结构头部-->
<meta charset="utf-8"><!--编码方式-->
<title>学习网页</title>
</head>
<body><!--结构身体部-->网页内容
</body>
</html>
显示框logo:
<link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
三、基础标签
标题：
<h*>标题标签</h*>
h1-h6:
从大到小的标题标签
段落标签：
<p></p>
加粗：
<b></b> <strong></strong>
倾斜：
<i></i> <em></em>
删 除 线 :
<del></del>
下 划 线 :
<ins></ins>
上 标 :
<sup></sup>
下 标 ：
<sub></sub>
缩 写 ：
<abbr title=""></abbr>
标 记 ：
<mark></mark>
文本：
<span></span>
换行:
<br />
字体标签：
<font></font>
四、常用标签
1） 图片标签
<img>
属性：
src 引入图片地址、
alt 替换文本、
title 提示信息、
width 宽
height 高
效果图：
2） 链接标签
<a href="url"> </a>
属性：
href 地址、
target 目标位置、
target 属性值：
_blank:新窗口打开、
new：新窗口打开、
_top:顶级窗口打开、
<a> 标签的作用：
1）打开外部文件
<a href="http://www.baidu.com">百度一下</a>
2）打开内部文件
欣知大数据——赵琦
<a href="test1.html">test1 文件</a>
3）打开一张图片
<a href="images/tulips.jpg">打开一张图片</a>
4） 水平线
<hr />
属性：
width:长度（px|%
align：水平位置(left 左|center 中|right 右）、
color：线的颜色、
size：粗细（px）
5) div 块标签
div 元素是通用的块元素，内部可以包含其他各种元素包括其他div 元素；
并且可以通过CSS 设置样式来完成复杂的页面的布局 通过一个简单的实例了
解div 布局是如何实现的
五、元素的分类
已经学过的
块元素
有： h1~h6，hr，ul，ol，p，table，div.........
内联元素
:不会产生换行效果，会和其他元素并联排列；font，
b,i,mark,q,abbr,del,ins,sup,sub
.................................
已经学过的内联元素
有：b，i，br，img，.........
六、 HTML 媒体
我们可以使用 <video> 和 <audio> 标签来显示视频和音频
多媒体格式
格式 多媒体元素（比如视频和音频）存储于媒体文件中。
确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件
扩展名 .htm 或 .html 时，它会假定该文件是 HTML 页面。.xml 扩
展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通
过 .gif 或 .jpg 来识别。
多 媒 体 元 素 也 拥 有 带 有 不 同 扩 展 名 的 文 件 格 式 ， 比
如 .swf、.wmv、.mp3 以及 .mp4。
音频：audio
标签来描述 MP3 文件 (Internet Explorer、Chrome 以及 Safari
中是有效的), 同样添加了一个 OGG 类型文件(Firefox 和 Opera 浏
览器中有效).如果失败，它会显示一个错误文本信息:
<audio src="平凡之路.mp3”controls="controls"></audio>
页面显示：
视频：Videos
<video width="320px"
height="240px”src="毛不易-像我这样的人.mkv”controls="controls"X/video>
页面显示：
扫一扫
4537
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
