1.helloworld
<!--根標簽-->
<html>
<!--頭部標簽-->
<!--
src和href的區別
src:引用,該資源是頁面不可缺少的一部分,如(img標簽 video標簽 radio標簽);
href:引入,引入外部資源,如(a標簽 link標簽)
-->
<head>
<meta charset="UTF-8">
<title>第一個程序</title>
</head>
<!--身體標簽-->
<body>
你好,世界!
</body>
</html>
2.html中常見的標簽
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--標題標簽-->
<h1>11111111111111111</h1>
<h2>11111111111111111</h2>
<h3>11111111111111111</h3>
<h4>11111111111111111</h4>
<h5>11111111111111111</h5>
<h6>11111111111111111</h6>
<div>2222222222222222</div>
<div>222222222222222</div>
<div>1111111111111111111111</div>
<div>1111111111111111111111</div>
<!--段落標簽-->
<p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<!--輸入框標簽-->
<input><br>
<input placeholder="請輸入用戶名"><br><br><br>
<input value="張三"><br>
<input type="color"><br>
<input type="checkbox"><br>
<input type="date"><br>
<input type="range"><br>
<!--換行標簽-->
<br>
<!--超鏈接標簽-->
<a target="_blank">百度一下,你就不知道</a>
<!--圖像標簽
相對路徑 項目中的資源
絕對路徑 http:// https:// ftp:// file://
-->
<!--列表標簽-->
<ul>
<li>111111</li>
<li>222222</li>
<li>333333</li>
<li>444444</li>
</ul>
<!--容器標簽-->
<div>1111111111111111111111</div>
</body>
</html>
3.新聞頁詳情
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>富士康PK萬達：同時轉型電商背后差別在哪？</title>
</head>
<body>
<!--文章-->
<article>
<!--頭部-->
<header>
<h1>富士康PK萬達：同時轉型電商背后差別在哪？</h1>
<h4>一言楠盡08月28日 07:30 富士康萬達富連網分類 :互聯網閱讀 :39075</h4>
</header>
<!--章節-->
<section>
<h3>1、核心戰略PK</h3>
<p>富連網是富士康旗下專業的3C數碼電商平臺，其最大的亮點是主營3C數碼家電品類的產品，有點類似早期的京東，希望利用富士康的產業鏈優勢，從B2C出發最后形成一個C2B的完整生態圈閉環；在服務與資源上看，富士康為富連網提供了相當多區別于傳統電商的玩法，甚至獨自完成了首屆智能手表節的營銷推廣活動。</p>
<p>對萬達電商來說，其主體是“飛凡網”，由萬達、百度、騰訊共同出資成立，核心是重新整合萬達集團線下資源，實現線上線下業務和服務融合，要打造一個“全球性”O2O開放式電商平臺”。此外，該平臺不以城市做為分界依據，而是以萬達廣場為輻射核心，這也是在最大程度上利用萬達商業地產的資源來進行擴張。</p>
</section>
<section>
<h3>2、服務層級PK</h3>
<p>事實上，中國互聯網發展這十幾年鮮有巨頭直接合作成功的案例，大多是好聚不好散，尤其是對萬達來說，如果把希望都寄托在百度與騰訊身上，也是頗為危險的——要知道“BT”這兩個國內最大的互聯網公司目前都希望抓住O2O的風口實現二次突破，萬達何嘗又不是他們眼中的“土大款”呢？初期弄明白O2O電商的玩法后，未來萬達電商應該更注重自身品牌與渠道的建設。</p>
</section>
<!--尾部-->
<footer>
<h5>作者介紹：穆楠，《復制互聯網之三》系列圖書作者，百度百家、網易、搜狐、艾瑞等多家網站專欄作家，科技專欄「一言楠盡」創辦人。</h5>
</footer>
</article>
</body>
</html>
4.HTML5常用標簽
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<progress value="20" max="100"></progress>
<audio src="source/music.m4a" controls="controls"></audio>
<video src="source/BigBuck.m4v" controls="controls"></video>
</body>
</html>
