網頁制作知多少
一、通用模板：
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”/>
<title>文檔標題</title>
<link rel="shortcut icon" href="img\wujiaoxing.ico"/> <!--設置標題圖標-->
</head>
<body>
<header role=”banner”>
<nav role=”navigation”> 頁眉 </nav>
</header>
<main role=”main”>
<article>
<p>主要內容</p>
</article>
</main>
<aside role=”complementary” >附注欄的其他內容</aside>
<footer role=”contentinfo”>頁腳（如：版權）</footer>
</body>
</html>
二、網頁三要素：
1.元素：
（1）同行顯示：
<a> (鏈接標簽) </a>
<em>（斜體標簽）</em>
（2）換行顯示：
<h1> (標題1標簽) </h1>
<h2> (標題2標簽) </h2>
<article> (文章標簽)</article>
<p> (段落標簽) </p>
<main></main> <!--注:一個頁面最多使用一次！不能放置header; footer ; aside; article中-->
<header> </header>
<footer> </footer>
<hr> (分隔線標簽) </hr>
（3）筆者未知：
<img> (圖像標簽) </img>
<font> (字體標簽) </font>
<b> (粗體標簽) </b>
<i> (斜體標簽) </i>
<u> (下劃線標簽) </u>
<sup>(上標標簽) </sup>
<sub>(下標標簽) </sub>
<audio> </audio>
<video> </video>
<li> (鏈接前加圓點)</li>
2.屬性:
<a>: href; title;
<img>: src; width; height; alt
3.值：http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
三、其他：
1.注釋：
如：<!-- 我是被注釋內容，並且在浏覽器中不會顯示 -->
2.學習相關鏈接：
網頁特殊符號HTML代碼大全：http://hovertree.com/h/bjaf/ojd62ats.htm
HTML 系列教程：http://hovertree.com/menu/htmlshouce/
各類標簽及其用法：http://hovertree.com/menu/html5/