講解對象：【html5】簡單的html5網(wǎng)頁實(shí)例
作者：融水公子 rsgz
文章出處：360doc個(gè)人圖書館 www.qqstock.cn[其他平臺均為盜版]
實(shí)例1： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<article>
<header>
<h1>我是Article</h1>
<p>創(chuàng)建時(shí)間：<time pubdate="pubdate">2018/8/31</time></p>
</header>
<p>
<b>Aticle</b>是一個(gè)獨(dú)立的區(qū)域
</p>
<footer>
<p><small>融水公子版權(quán)所有！</small></p>
</footer>
</article>
</body>
</html>
實(shí)例2：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<article>
<header>
<h1>我是Article</h1>
<p>創(chuàng)建時(shí)間：<time pubdate="pubdate">2018/8/31</time></p>
</header>
<p>
<b>Aticle</b>是一個(gè)獨(dú)立的區(qū)域
</p>
<section>
<h2>讀者評論：</h2>
<article>
<header>
<h3>讀者：朱朝斌</h3>
<p>
<time pubdate datetime="2018/8/31">2小時(shí)前！</time>
</p>
</header>
<p>文章很好！</p>
</article>
<article>
<header>
<h3>讀者：小蛛絲</h3>
<p><time pubdate datetime="2018/8/31">2小時(shí)前！</time></p>
</header>
<p>文章很好！</p>
</article>
</section>
<footer>
<p><small>融水公子版權(quán)所有！</small></p>
</footer>
</article>
</body>
</html>提醒：
1 建議大家電腦瀏覽我的網(wǎng)頁，因?yàn)槭謾C(jī)瀏覽網(wǎng)頁 代碼會自動縮成一行，很不方便
2 如果下面文章格式很亂，那就是盜版文章。建議大家舉報(bào)！
謝謝大家的支持！可以點(diǎn)擊我的頭像，進(jìn)入我的空間瀏覽更多文章呢。建議大家360doc[www.qqstock.cn]注冊一個(gè)賬號登錄，里面真的有很多優(yōu)秀的文章，歡迎大家的到來。
---
|
