网页制作知多少一、通用模板：<!DOCTYPE html><html lang=&rdquo;en&rdquo;> <head> <meta charset=& ...
网页制作知多少
一、通用模板：
<!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://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
HTML 系列教程：http://www.w3school.com.cn/h.asp
各类标签及其用法：http://www.w3school.com.cn/tags/tag_doctype.asp
原标题：网页制作知多少
关键词：
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
