2018/09/28渡课学习

最新推荐文章于 2018-09-29 22:50:32 发布

JYC1994

最新推荐文章于 2018-09-29 22:50:32 发布

阅读量151

点赞数

本文链接：https://blog.csdn.net/JYC1994/article/details/82884755

版权

(一). 学习内容

HTML 总结和重要标签分类。

(二). 课程重点

数量的掌握 HTML 中的重要表情

(三). 作业完成情况

1. 将红色标注的重要标签进行整理，整理要求：

a. 每个标签需要说明：用途和作用，标签的实例代码，标签的重要属性和属性意义
b. 可以将标签按照自己的方式进行规类

标签说明

1.<!–…-->

定义	作用
注释	在源代码中插入注释

标签实例代码	标签重要属性	属性意义
<!–…-->

2.<!DOCTYPE>

定义	作用
文档类型	web 浏览器关于页面使用哪个 HTML 版本进行编写的指令

3.<a>

定义	作用
锚	用于从一张页面链接到另一张页面

标签实例代码	标签重要属性	属性意义
`<a href="http://www.w3school.com.cn">W3School</a>`	href	规定链接指向的页面
	type	规定被链接文档的类型
	target	规定在何处打开链接文档

4.<b>

定义	作用
粗体字	可将文本粗体

标签实例代码	标签重要属性	属性意义
`<p>这是普通文本 - <b>这是粗体文本</b>。</p>`

5.<blockquote>

定义	作用
块引用	块引用有它们自己的空间

6.<body>

定义	作用
文档的主体	包含文档所有的内容

标签实例代码	标签重要属性	属性意义
`<body>文档的内容... ..</body>`
	background	规定文档的背景图像
	bgcolor	规定文档的背景颜色
	text	规定文档中所有文本的颜色

7.<button>

定义	作用
按钮	可以放置内容，比如文本或图像

标签实例代码	标签重要属性	属性意义
`<button type="button">Click Me!</button>`

8.<caption>

定义	作用
表格标题	对每个标题定义一个标题

标签实例代码	标签重要属性	属性意义
`<caption>Monthly savings</caption>`
	align	规定标题的对齐方式

2. 自学使用 HTML5 的视频和音频标签，在页面中插入一段视频和音频

a. 一段视频

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<section id="lady">
	<div class="video">
		<iframe height="300" width="300" src="https://v.youku.com/v_show/id_XMzc0MTczMTQ1Ng==.html?spm=a2hww.11359951.m_26664.5~5!2~5~5~5~5~5~5~A frameborder="0"></iframe>
	</div>
</section>
</body>
</html>

### 视频展示

在这里插入图片描述

b.一段音频

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<embed src="\Users\PC\一生所爱.mp3" width="200" height="80"></embed>

</body>
</html>

### 音频展示

在这里插入图片描述

3. 问题：

a. HTML 有哪些版本？HTML5 的新增标签有哪些？

b. 什么是浏览器的解析器，浏览器是如何解析一个HTML 文档的。

HTML有哪些版本

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）： HTML
2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 HTML 5——2014年10月28日，W3C推荐标准

### HTML5 新增的标签

标签	定义
<article>	文章
<aside>	页面内容之外的内容
<audio>	声音内容
<bdi>	文本的文本方向，使其脱离周围文本的方向设置
<canvas>	图形
<command>	命令按钮
<datalist>	下拉列表
<details>	元素的细节
<dialog>	对话框或窗口
<embed>	外部交互内容或插件
<figcaption>	figure 元素的标题
<figure>	媒介内容的分组，以及它们的标题
<footer>	section 或 page 的页脚
<header>	section 或 page 的页眉
<keygen>	生成密钥
<mark>	有记号的文本
<meter>	预定义范围内的度量
<nav>	导航链接
<output>	输出的一些类型
<porgress>	任何类型的任务的进度
<rp>	若浏览器不支持 ruby 元素显示的内容
<rt>	ruby 注释的解释
<ruby>	ruby 的注释
<section>	section
<source>	媒介源
<summary>	为<details>元素定义可见的标题
<time>	时间/日期
<track>	用在媒体播放器中的文本轨道
<video>	视频
<wbr>	可能的换行符

JYC1994

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2018/09/28渡课学习

目录(一). 学习内容(二). 课程重点(三). 作业完成情况1. 将红色标注的重要标签进行整理，整理要求：标签说明2. 自学使用 HTML5 的视频和音频标签，在页面中插入一段视频和音频a. 一段视频b.一段音频3. 使用W3School提供的字典，查阅A标签和IMG标签，描述这两个标签的解释，以及属性的定义内容，在Markdown中详细的描述出来；(一) A标签(二) IMG标签4.预习 HT...
复制链接

扫一扫