2017年六月九日 NO.9 HTML(八)——嵌入块部分内容(笔记)


嵌入内容


元素名元素类型功能用法
img短语元素显示嵌入图片,并利用src和alt(备用内容)属性虚元素形式
map流或者短语元素创建客户端分区响应图,包含一个或者多个area元素开始和结束标签
area短语元素代表图像上可点击的区域虚元素形式
iframe短语元素嵌入另一个文档开始和结束标签
embed短语元素通常用于插件,也可用来处理浏览器直接处理的元素虚元素形式
object流或者短语元素效果个embed元素一样,工作方式不同;包含备用功能开始和结束标签
param定义要传给插件的参数虚元素形式
progress短语元素显示进度条开始和结束标签
meter短语显示某个范围中所有可能值的一个开始和结束标签

元素属性说明

1。 img元素:

  1. src:指向图片的路径。
  2. alt:当图片无法显示的文字。
  3. width:表示图片的宽度。
  4. height:表示图片的高度。
  5. ismap:表示是否返回鼠标坐标。(若将img放在a元素中,加载url中会加上鼠标点击坐标)

2。map元素:

  1. id值必须和name值相同。

3。area元素:(在需应用map元素的元素上,用usemap属性来指定map的id)

  1. href:被点击时加载的url。
  2. alt:替代内容。
  3. target:用来显示url浏览的上下文。
  4. media: 适用的媒体。
  5. hreflang:目标文档的语言。
  6. type:文档的MIME类型。
  7. shape:表示形状,来装载图片。
  8. coords:根据shape的值而定,表示依据shape而定的数值,数值之间逗号相隔。

4。iframe元素:

  1. src:指定文档的url。
  2. width,height:宽高。
  3. seamless:把iframe内容显示地像主体内容。
  4. sandbox:对文档进行限制,禁用脚本,表单,插件,指向其他浏览上下文的链接,但可以独立启用各种功能。

5。object元素:

  1. width,height:宽高设置。
  2. data:提供内容的地址。
  3. type:提供内容的类型。
  4. 内置param元素提供参数。
  5. 其中包含的文字可作为备用内容。

6。embed元素:

  1. src.
  2. type.

7。progress元素:

  1. value:设置进度条的显示长度。(相对max)
  2. max:总长度。

8。meter元素:

  1. min:最小值
  2. max :最大值
  3. low :过低的阈值,会显示不同样式。
  4. high :过高的阈值,会显示不同样式。
  5. optimum :最佳值,无差别。

progress和meter默认只显示一个

中秋节是中国的传统节日之一,俗称月半、仲秋节、月夕、秋节等。中秋节起源于中国古代的秋祀、拜月习俗,至唐朝时,中秋节成为固定的节日。宋代以后,中秋节的习俗更加流行。中秋节的主要习俗有赏月、吃月饼、赏桂花、饮桂花酒等。 关于中秋节的传说很多,其中最广为人知的是嫦娥奔月的故事。相传后羿射下了九个太阳后,得到了西王母赐予的长生不老药。嫦娥为了防止坏人抢夺药,便独自吞下,随后飞升到了月宫。后羿十分思念嫦娥,于是每年月十五月圆之夜,便摆上嫦娥爱吃的东西,遥祭在月宫中的嫦娥,这种习俗逐渐演变成了中秋节。 以下是一个简单的HTML文件模板,展示了关于中秋节的一些基本信息: ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>中秋节介绍</title> </head> <body> <header> <h1>中秋节介绍</h1> </header> <section> <h2>中秋节的由来</h2> <p>中秋节,又称月夕、秋节,是中国传统的重要节日之一。它起源于古代的秋祀、拜月习俗,至唐朝时已成为固定的节日。节日的庆祝活动主要集中在农历月十五这天晚上。</p> </section> <section> <h2>中秋节的传说</h2> <p>关于中秋节的传说中,最著名的是嫦娥奔月的故事。相传后羿射下九日,得到长生不老药,嫦娥为了保护这颗药,吞下后飞升到了月宫。后羿在人间设立祭坛,遥祭月宫中的嫦娥,逐渐演变成中秋节。</p> </section> <section> <h2>中秋节的习俗</h2> <p>中秋节的习俗丰富多样,包括赏月、吃月饼、赏桂花、饮桂花酒等。人们通常会在这一天与家人团聚,共同赏月,分享美食,表达对团圆和丰收的向往。</p> </section> <footer> <p>以上内容仅供参考,中秋节的习俗和传说因地域不同而有所差异。</p> </footer> </body> </html> ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值