爱程序网

网页制作知多少

来源: 阅读:

网页制作知多少

一、通用模板:

<!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

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助