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

  一网页主要由: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  垂直合并单元格的个数

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

              例子:

                将相邻的的两个格子合并

                将另一个合并的格子隐藏

                在合并的格子中插入表格

                

                修改设置

              

                 

                

          

   

    

    

  

原文地址:https://www.cnblogs.com/guhuai/p/9610773.html

时间: 2024-08-28 15:49:11

浏览器介绍和一些简单的代码的相关文章

原生ajax调用数据简单实例代码

原生ajax调用数据简单实例代码:由于jQuery的盛行,现在使用较多的是jQuery封装好了的ajax,因为解决了浏览器兼容性问题,这对程序员来说就等于去掉了一个心头大患,但并非原生ajax就销声匿迹,并且本人感觉还是对原生的ajax有所了解的好,下面就是一段ajax数据调用的实例代码,非常的简单,初学者可以参考一下.代码如下:一.兼容浏览器部分: function xmlHttpR() { var xmlhttp; if(window.XMLHttpRequest) { xmlhttp=ne

可以固定的顶部的导航菜单简单实例代码

可以固定的顶部的导航菜单简单实例代码:固定于网页顶部的导航栏效果在当下网站比较流行,所谓的固定于网页的顶部一般来说并不是一直固定于顶部,而是在开始是位于某一个位置,当下拉滚动条使其到达顶部的时候才会固定在顶部,下面通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" con

依然是关于我空间那篇申请的日志《JavaScript axError:Unexpected token ILLEGAL 很简单的代码&hellip;&hellip;》

接下来要讲的日志现在的标题已经更改为<很简单的代码,但是无法--> 这篇日志地址:http://www.cnblogs.com/herbertchina/p/4475092.html 经过多次测试,给出如下提示: 1.如果你是360急速浏览器(360浏览器没测试)请谨慎打开:会加载失败导致崩溃,电脑cpu也会疯狂运转(CPU风扇突然变快),最后导致浏览器崩溃 2.如果你是IE浏览器(测试版本是IE11),可以无所顾忌 3.如果你是Google Chrome ,也会导致加载问题,但是浏览器不会崩

javascript简单计算器代码分析

javascript简单计算器代码分析:也许网页中需要一个简单的计算器功能,这个时候就要掌握如何编写,起码应该会修改,下面就通过一个简单的实例介绍一下如何实现简单的计算器效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&

JS Map 和 List 的简单实现代码

javascript中是没有map和list 结构的. 本篇文章是对在JS中Map和List的简单实现代码进行了详细的分析介绍,需要的朋友参考下 代码如下: /* * MAP对象,实现MAP功能 * * 接口: * size()     获取MAP元素个数 * isEmpty()    判断MAP是否为空 * clear()     删除MAP所有元素 * put(key, value)   向MAP中增加元素(key, value)  * remove(key)    删除指定KEY的元素,成

Strings类的简单使用-代码优雅之道Guava(一)

前言 前边已经对Guava类库做了简单介绍(博文:Java代码优雅之道-Guava(有相关jar包下载)),下面就简单介绍一个Strings工具类的使用,学会灵活使用Strings工具,会使用我们在开发中,更加省时省力,代码健壮性和可读性更高,更简洁,这也是我所谓的"代码优雅",让我们开发中省出时间来去处理更重要的东西,废话不多说,一看代码就全明了了. Strings类常用功能和使用 /** * Guava Strings工具类的使用,null和empty的判断与转化 * @autho

浏览器介绍(常用浏览器,浏览器内核)

一.浏览器介绍 浏览器是网页运行的平台,常用的浏览器有 IE.火狐(Firefox).谷歌(Chrome).Safari和Opera等.我们平时称为五大浏览器. 可以通过这个网址  http://tongji.baidu.com/data/browser  查看浏览器的占有的市场份额 二.浏览器内核 1.内核介绍 (1)浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎. (2)渲染引擎 它负责取得网页的内容(HTML.X

js日期格式简单转换代码

js日期格式简单转换代码: 未经修饰的东西总是狂野粗糙的,比如人没有经过良好的教育,这人可能会有各种问题,同样js中的时间格式也是如此,所以要对时间进行一定的格式化操作,下面是一段非常简单的代码实例和大家分享一下. 代码如下: function dateStr(x,y) { var z={ y:x.getFullYear(), M:x.getMonth()+1, d:x.getDate(), h:x.getHours(), m:x.getMinutes(), s:x.getSeconds() }

C++ Iterator迭代器介绍及Iterator迭代器用法代码举例

C++ Iterator迭代器介绍 迭代器可被用来访问一个容器类的所包函的全部元素,其行为像一个指针.举一个例子,你可用一个迭代器来实现对vector容器中所含元素的遍历.有这么几种迭代器如下: 迭代器 描述 input_iterator 提供读功能的向前移动迭代器,它们可被进行增加(++),比较与解引用(*). output_iterator 提供写功能的向前移动迭代器,它们可被进行增加(++),比较与解引用(*). forward_iterator 可向前移动的,同时具有读写功能的迭代器.同