Html5,Css初学总结

网页制作

HTML

一、通用模板:

在景宁畲族自治等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计制作、成都网站设计 网站设计制作定制网站建设,公司网站建设,企业网站建设,品牌网站设计,全网营销推广,外贸网站制作,景宁畲族自治网站建设费用合理。

   

       

       文档标题

               

               

   

    

                  

    

                  

 

       

主要内容

                             

    

     

    

                  

页脚(如:版权)
 

   

二、网页三要素:

            1. 元素标签:

(1) 同行显示:

         (链接标签)

        (斜体标签)

        (粗体标签)

        标记代码

(2) 换行显示:

        1. 

(标题1标签)

        2. 

(标题2标签)

        3. 

(文章标签)

        4. 

(段落标签)

                     5.

注:一个页面最多使用一次!不能放置header; footer ; aside; article中

        6. 

        7. 

        8. 


(分隔线标签)

        9. 

容器标签换行是 
固有的唯一格式表现

        10. 

区块 

(3) 未知:

        1. (图像标签)

        2. (字体标签)

        3. (粗体标签)

        4. (斜体标签)

        5. (下划线标签)

        6.(上标标签)

        7.(下标标签)

        8.

        9.

        10.

  • 列表
  •         11.

                  

    1. 有序列表
    2.             

    3. 有序列表
    4.             

    5. 有序列表
    6.         

            12.

    • 无序列表
    • 无序列表
    • 无序列表
    •  

    13.添加内容(表现为加下划线)

    14.删除内容(表现为加删除线)

    15.标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。按照惯例,引用的文本将以斜体显示。

    16. 

    标签规定独立的流内容(图像、图表、照片、代码等等)。

    2. 属性:

                        : href; title;

                        : src; width; height; alt

            3. 值:

     

    三、其他:

            4. 注释:

       如: 

            5.学习相关链接:

        网页转义符号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

            6.链接锚链接:链接到某一页面的特定区域。

     

     

    CSS

       模板:Selector(选择器){

                               Attribute(属性): value(值) ;

                  }     //  各种元素。

                  Color:#000000(黑色)/#ffffff(白色)

       注:单斜杆表示或者!

    1.链接样式:

          a:link{

              color: blue;

          }       /*链接激活前的外观*/

          a:hover{

              color: orange;

    }      /*鼠标指向链接时的外观*/

          a:hover{

              color: red;

    }      /*激活链接后的外观*/

     

    2.文本样式:

        字体:

            font-family: Geneva,Tahoma,sans-serif;        /*字体类型,三选一*/

            font-style: italic/normal;              /*斜体和正体二选一*/

            font-weight: bolder/bold/normal/lighter;        *更粗/正常/更细/三选一*/

            font-size: 16px/1em;        /*字体大小,默认1em=16px*/

            line-height:16px        /*行高*/

        字间距:word-space:length(4px或其他);

     字偶距:  letter-space:length(4px或其他);

     添加缩进:text-indent: length(2em或其他);

     对齐文本:text-align: left/right/center/justify(两端对齐);

     修改文本大小写:text-transform: uppercase(大)/lowercase(小)/none;  

     装饰文本::text-decoration: underline/overline/through/none;

                (下划线/上划线/删除线/无)

            3.元素显示方式:display: block/inline/;    (换行/行内显示)

            4.元素可见性:visibility: visible/hidden;

            5.边框:border-style :dashed/solid/dotted ;   (虚线/实线/点划线)

    border -width:

    border -color:

    border:2px solid red;

    border-radius:length;  //边框圆角半径

     6.外/内边距:margin-top/-bottom:length;

                        Padding:length;

                        Padding-top/bottom/left/right:length;

           7.元素浮动:float:left/right/none;

           8.清除浮动:clear:left/right;

           9.处理溢出:overflow: visible/hidden/scroll/auto;

     10.修改指针形状:cursor: pointer/default/crosshair/move/wait/help;

          11.列表标记:

                            list-style-type:disc/circle/square….;

                            /*  

                                disc:圆点;circle:圆圈;square:方块;decimal:数字;

                            upper-alpha:大写字母。

        */

      12.有序列表:

                        

      从2开始编号

                         List-style-position: inside/outside;

      13.fieldset(表单):

                        表单字段(type属性值):text/email/password/url/submit/radio(单)/checkbook(复选)

                    

         单选框:

                                

                            

                                     

                                 

         复选框: 

                                

        

                                      

                                 

         列表框:

                                

                    

                                     

                                

            14.表格:

                      

                         

                         //行标记

                              

          //表头标记

                              

          //单元格标记

                         

        

                        

                         

                              

        //单元格标记 

                              

          //单元格标记

                         

       

                 

    Javascript

    1. 函数调用:

        直接调用  (functionname(形参))

        事件响应调用(onclick=”check()”)

          超链接调用 (
    分享文章:Html5,Css初学总结
    当前路径:
    http://pwwzsj.com/article/gsoejd.html