HTML5的版本
HTML的注释——< !-- -->
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--<audio src="./mp3/时间轴.m4a"
controls="controls">
</audio>--><!--<audio src=""表示音频-->
<video src="./movie/cat.mp4"
controls="controls">
</video><!--<video=""表示视频-->
</body>
</html>
7.框架
Html4.0版本,在html5中被淘汰掉了
< frameset>
不能和body标签同时使用
Rows 表示行
Cols 表示列 ----column
< frame>联合使用
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<frameset rows="15%,*,15%"><!--25%表示占屏幕的25% cols表示列(竖) rows表示行(横)-->
<frame src="header.html"></frame>
<frameset cols="20%,*,">
<frame src="menu.html"></frame>
<frame src="body.html"></frame>
</frameset>
<frame src="footer.html"></frame>
</frameset><!--<frame>不能与<body>同时出现-->
</html>
8.补充
< span> 常用于修饰文本
< label> 使用该标签标注input标签前的文本
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span>6646</span><!--<span>用来组合文档中的行内元素,用来修饰文本 <lable>使用该标签标注input标签前的文本
<b>标签表示加粗 <i>表示斜体 <font size=">数字"控制字体大小-->
</body>
</html>
9.HTML -Xhtml-HTML5
百度如下:
HTML历史上有如下版本: [5]
①HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。 [5]
②HTML 2.0:1995年1 1月作为RFC 1866发布,于2000年6月发布之后被宣布已经过时。 [5]
③HTML 3.2:1997年1月14日,W3C推荐标准。 [5]
④HTML 4.0:1997年12月18日,W3C推荐标准。 [5] 1
⑤HTML 4.01(微小改进):1999年12月24日,W3C推荐标准。 [5]
⑥HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。 [6]
HTML 4.0 版本对语法的要求不是特别严格
W3C —XHTML
• 属性名称必须小写
• 属性值必须加引号
• 属性不能简写
• 用 Id 属性代替 name 属性
• XHTML DTD 定义了强制使用的 HTML 元素
SGML ----HTML 超文本标记语言 做页面展示
---- XML 可扩展标记语言 做存储数据
DTD的命名规范:
< !DOCTYPE html>
Doctype —引入dtd的命名格式文件 而这个文件可以决定不同的标签名称具备不通过的含义
Html ----MIME类型
每一个文件都有自己的扩展名称
Txt
Doc
Xls
Ppt
2<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
padding: 0;/*padding:内边距*/
margin: 0;/*margin:外边距
一般初级建站的时候必须要写的属性*/
}
img{border: 1px solid black;}/*image:标签 border:边框 1px:像素是1 solid:实现 black:颜色是黑色*/
</style>
</head>
<body>
<img src="./image/2.jpg" alt="彭于晏" usemap="#plant" /><!--alt:当路径有问题,图片显示不出来时用文字去占位置-->
<map id="plant" name="plant">
<area shape="circle" coords="345,100,5" href="https://baike.baidu.com/item/%E5%BD%AD%E4%BA%8E%E6%99%8F/305410?fr=aladdin"
target="_blank"/>
<!--shape="":图片的形状-->
</map><!--usemap:用于image和map标签产生关联 <map>需要定义id和name属性 并且值和usemap的值相同 <area>:map映射的区域-->
</body>
</html>