网页制作知多少
一、通用模板:
<!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