HTML网页设计每日笔记(给初学者的一份礼物)(第五节)

      这一节咱看看html5中新加进来的几个标签吧!先给大家列一下新加进来的标签有哪些!

<article>定义 article。

<aside>定义页面内容之外的内容。
<audio>定义声音内容。
<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。
<canvas>定义图形。
<command>定义命令按钮。
<datalist>定义下拉列表。
<details>定义元素的细节。
<embed>定义外部交互内容或插件。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组,以及它们的标题。
<footer>定义 section 或 page 的页脚。
<header>定义 section 或 page 的页眉。
<hgroup>定义有关文档中的 section 的信息。
<keygen>定义生成密钥。
<mark>定义有记号的文本。
<meter>定义预定义范围内的度量。
<nav>定义导航链接。
<output>定义输出的一些类型。
<progress>定义任何类型的任务的进度。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<section>定义 section。
<source>定义媒介源。
<summary>定义 details 元素的标题。
<time>定义日期/时间。
<track>定义用在媒体播放器中的文本轨道。
<video>定义视频。
这里我给大家挑几个标签,看看效果是什么样!
<html>
<head>
<title>无标题文档</title>
</head>

<body>

<header>
	<h1>begin</h1>
</header>

<nav>
	<menu>
		<li>菜单1</li>
		<li>菜单2</li>
		<li>菜单3</li>
		<li>菜单4</li>
		<li>菜单5</li>
	</menu>
</nav>

<embed src="tianmv.wmv" controls="controls">
your browser does not support the video tag
</embed>

<section>
	<article>
		<h2>文章标题</h2>
		<p>
			发表时间:<time datetimt="2010-11-25 11:11:11">2010年11月25日 11:11:11</time>
			文章评分:<meter value="88" min="0" max="100" low="65" high="96" optimum="100">80</meter>
		</p>
		
		<figure>
			<legend>这是图片说明</legend>
			<img alt="替换文本" src="tian.jpg" />
		</figure>
		<h3>文章视频:</h3>
		<video src="tianmv.wmv" controls="controls">
			请升级你的浏览器。
		</video>
		<command type="command">点这里了解更多</command>
	</article>
</section>
<br/>

<details>
	This is details.
</details>
<br/>

<footer>
	end!
</footer>

</body>
</html>

效果如下:





其他的标签大家都写写代码试试看,是个什么效果!我这就不一个个演示了,毕竟标签还是比较简单的!








评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值