浏览器介绍和一些简单的代码

Posted guhuai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器介绍和一些简单的代码相关的知识,希望对你有一定的参考价值。

  一网页主要由:1. title   题目

        2. Url   网址

        3. body   网站内容(body里的内容靠代码实现)

        这些内容

    4以下图为例:

技术分享图片

    

   5.标签的结构:

    (1)标签名

    (2)开始标签<+标签名+>

    (3)结束标签</+标签名+>

技术分享图片

 

   6.小知识:

     (1)写页面,浏览器是页面的环境(例子:水是鱼的环境)

     (2)页面拓展名:html

     (3)exe  应用程序拓展名 

      (4)常见浏览器 :  le    火狐       谷歌    360    欧朋  

                        (我们在测试网页效果时最好使用谷歌浏览器)

      (5)开发工具:txt(记事本)

      sublime   dreamwear  webstrom  hbulider

    7.网页骨架

技术分享图片

     8.常见的标签

      (1)标题标签 :有6个h1到h6

          例子:<h1>中间写内容</h1>

         (2) 图片标签:img

          资源分为 :  本地资源和网络资源

          在本地资源中处于同一目录用(./)

          在上一级目录用(./)

技术分享图片

           Src属性是图片的路径。

           在img标签中还可以加width标签和height标签

技术分享图片

            (3)a标签可以插入超链接

         比如:<a href="">百度一下</a>

         a标签有两个属性:

             一个是href ,值是需要跳转的页面地址

               另一个是target跳转页面打开的方式    _blank    _self(默认的)

技术分享图片    

         (4)备注标签:

               ld 是一种起名的方式  id="duanbingyu" ,只要是使用id起的名字,前面必须加#   #duanbingyu

            

          技术分享图片

              备注标签除id以外还有我们常用的class  类,使用时需要用. 

技术分享图片

              起名的目的就是为了给目标添加样式  style  其实也是属性

              属性:代表事物的一些特征,比如 width   height   color   background   等

技术分享图片

            (5)同时注意:

                1.   书写规范   {}   是shift+【】  出来    {}

                2.     起名规范,不能用汉字起,第一个字母不能是特殊符号,第一个字母必须是英文字母

            (6)表格标签  table

            技术分享图片

            boder是决定边框粗细的属性  cellspacing 是单元格空间的属性   cellpadding是单元格内部的边距的属性。

             img插入table中

技术分享图片

              插入图片会出现余白,怎么解决?

技术分享图片

              在表格中我们想要合并单元格可以使用以下两个属性

              colspan   水平合并单元格的个数

              rowspan  垂直合并单元格的个数

              同时若我们想在表格里套表格

              例子:

                将相邻的的两个格子合并

技术分享图片

                将另一个合并的格子隐藏

技术分享图片

                在合并的格子中插入表格

                技术分享图片

                修改设置

技术分享图片

 

 

 

 

              

                 

 

 

 

 

                

 

 

 

          

   

    

     

 

  

  

 

以上是关于浏览器介绍和一些简单的代码的主要内容,如果未能解决你的问题,请参考以下文章

Django框架之模板层template的一些介绍和使用

前端基础-BOM和DOM的介绍

RequireJS简单介绍即使用

前端jQuery部分简单整理

关于js的一些基础随笔

webpack的简单介绍