6.音频和视 7.框架 8.补充 9.HTML -Xhtml-HTML5(简介、要求等)

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值