这篇文章主要介绍了html5中重要元素实现的案例,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>一、HTML5中的重要元素</title>
<script type="text/javascript">
function click(){
alert('图片被点击');
}
</script>
------------------------------------------------
<a href="javascript:click()">
<img src="Chrome.png">
</a>
</head>
<body>
<section draggable="true">
<h2>王威</h2>
<p>性别:男
邮箱:wwang@gemptc.com
</p>
</section>
<hr><hr>
<nav draggable="true">
<a href="index.html">首页</a>
<a href="book.html">图书</a>
<a href="bbs.html">论坛</a>
</nav>
<hr><hr>
<hgroup>
<figcaption>标题组</figcaption>
<h2>标题1</h2>
<h3>标题2</h3>
</hgroup>
<hr><hr>
<address title="作者联系方式">
Written by www.blues.com<br />
<a href="mailto:wwang@gemptc.com">
Email me
</a><br />
</address>
<hr><hr>
<ul>
<li>数码</li>
<li>图书
<ul>
<li>程序设计</li>
<li>经典文学</li>
</ul>
</li>
<li>百货</li>
</ul>
<hr><hr>
<ol reversed="true">
<li>Coffee</li>
<li>Tea</li>
</ol>
<ol start="6">
<li>Coffee</li>
<li>Tea</li>
</ol>
<hr><hr>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<hr><hr>
<p>Do not forget to buy <mark>milk</mark> today.</p>
<hr><hr>
<em>Emphasized text</em></br>
<strong>Strong text</strong></br>
<dfn>Definition term</dfn></br>
<code>Computer code text</code></br>
<samp>SampleComputerCode</samp></br>
<kbd>Keyboard text</kbd></br>
<var>Variable</var></br>
<cite>Citation</cite></br>
<hr><hr>
<iframe src="二、HTML5中常用的交互元素.html" sandbox="allow-forms">
</body>
</html>
感谢你能够认真阅读完这篇文章,希望小编分享html5中重要元素实现的案例内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。