HTML5 1.11 figure/figcaptio

1.figure

a.是一个媒体组合元素,也就是对其他的媒体元素进行组合,比如图像、图表等

2.figcaptio

a.用来给figcaptio元素定义标题

<!DOCTYPE html>

<html lang="zh-cn">

<head>

<mata charset="UTF-8">

<title>figure<title>

</head>

<body>

<h2>我是一个厨艺爱好者<h2>

<p>我是一个厨艺爱好者。。。。。。。。。。。。。。<p>

<figure>

<img src="p1.jpg" ><img src="p2.jpg" >

</figure>

<figure>

<img src="p3.jpg" ><img src="p4.jpg" >

</figure>

<figcaptio>我的厨艺作品</figcaptio>

</body>

</html>

时间: 2024-08-11 01:34:26

HTML5 1.11 figure/figcaptio的相关文章

HTML5新特性新增功能

HTML5 现如今已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. 如:绘图canvas:用于媒介回放的video和audio元素:本地存储localStorage;语义化元素:表单控件等等新增的功能,都是HTML5新特性. 下面列举HTML5新特性详细说明: 一.新的文档类型  (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

[HTML/HTML5]6 使用图像

6.1  将图像作为Web页面的前景元素 使用img元素,就可以在Web页面中添加图像.img是image的缩写.只需在img元素中添加src(source的缩写)属性,并为该属性设置相应的值,就可以将图像显示在Web页面上. 1 <img src="photo.jpg"> <!-- img是空元素,因此无对应的结束标记 --> src属性的值应该包含文件的正确路径名和位置. 如果想使用的图像与当前HTML页面不在同一个文件夹中,那么需要告诉浏览器图像位于哪一个

开发者必须知道的HTML5十五大新特性

HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术.然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性. 一起来看下: 1.新的文档类型  (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

二十八个 HTML5 特性与技巧

1. New Doctype  你还在使用令人讨厌的难记的XHTML文档类型声明吗?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>如果还在用,为什么呢?如同Douglas Quaid所说,转到新的HTML5这种文档类型吧,它会使你看起来更年轻.实际上,你当真知道XHTML的文档类型声明

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

html5 canvas 详细使用教程

导航 前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变(发散) 图形变形(平移.旋转.缩放) 矩阵变换(图形变形的机制) 图形组合 给图形绘制阴影 绘制图像(图片平铺.裁剪.像素处理[不只图像.包括其他绘制图形]) 绘制文字 保存和恢复状态(context) 保存文件 结合setInterval制作动画 结语.demo下载   前言 <canvas></canvas>是html5出现的新标签,像所有的dom对象一样它有自己本身的属性.

18个最棒的HTML5工具让Web开发人员保持领先地位

HTML5是一种非常有利的工具对于网页设计师和开发人员来讲,因为它的神奇功能可以协助和支持开发人员在自己的网站在线的展示真正的现代语言,这些工具的web设计人员和开发人员可以让网站管理员集成音频.视频.图片.字体.动画等在您的web页面.另一个好处是,兼容HTML5的工具可以提供给旧网站(无论是HTML或HTML4)最好的设计.为了获得好处和遵守最新的设计,这里有18个最棒的HTML5工具,让所有的网页设计师和开发人员都可以利用它们来保持领先和最新. 1. Adobe边缘动画 2. Patter

HTML5移动Web开发(八)——避免文本字体大小重置

适用设备:iOS.Windows Mobile在一些移动设备上,比方说iPhone,Windows Mobile,当用户把手机切换到横屏时,浏览器会自动地重置文本字体大小.这可能会对我们造成困扰,因为我们希望能够完全掌控用户界面的设计和浏览器对页面的渲染结果. 新建ch02r02.html <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="vi

你必须知道的28个HTML5特征、窍门和技术

注意:每周有那么几次,此列表会更新一些新的窍门,最终,本文会成为超级有用的资源.//zxx:丑话说在前头,我可没功夫更新,所以,即使到您女儿出嫁那天,本文还是28项内容 前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了.如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程. 一.新的Doctype //zxx:”doctype”中文意思指“文档类型” 仍在使用麻烦的,不可能记得住的XHTML文档类型? <!DOCTYPE html PUBLI