(1)HTML(超文本标记语言(超文本指的超出文本范围的,比如图像,视频,音频等)),HTML使用标记标签(markup tag)来描述网页。
(2)浏览器类别:IE核心的浏览器(WebBrowser引擎),非IE核心的浏览器(WebKit引擎(开源的)),双核浏览器一般同时具有这2个引擎。
(3) 网页:静态页面(放在服务器上),动态页面(服务器动态生成的页面,动态语言(程序开发语言))。
(4)普通的HTML页面和任何后台语言无关,可以使用dreamweaver等工具写,这些工具是给美工用的,开发人员用好VS写HTML。
(5)XHTML,XML,HTML。 在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。 XML是可扩展标记语言,有强大的对数据处理的能力。
(6)HTML基础:
(6.01)结构:<html></html>(1级);<head></head>头部信息,是对页面的描述,不会显示在页面中(2级);<title></title>页面的标题(3j级)处于head之下;<body></body>页面的主体(2级)
(6.02)颜色体系:bgcolor(back ground color)(选取颜色方法:找到颜色源代码;使用内置的颜色选取器。)
(6.03)格式标签成双成对,或者单个但是必须关闭;属性的值必须用双引号。
(6.04)替代符:空格 : 大于号小于号:<>
(6.05)文字格式: <br/> 回车;<p></p>分段,段落之间有空白;<center></center>居中;h标签,<h1></h1>到<h6></h6>六个标签,定义字体大小;<b></b>粗体
(6.06)URL,超链接:URL:表示资源在网络中的地址。URL(/....网站根目录;....当前目录;.../上级目录)。超链接<a href="http://www.baidu.com">百度(也可以嵌套图片)</a> target属性(国内网站默认在新窗口打开 target = " _blank ")
(6.07)图片: img必须2个属src和alt(图片的地址/图片未加载的显示文本),一般指定好width和height(固定大小),缩略图处理方式:创建一个小图,浏览器显示的,然后点击小图链接到大图。
(6.08)列表:<ul></ul>unordered list/<ol></ol> ordered list 无序/有序
(6.09)表格:<table><tr><td></td></tr></table> 表格-行-单元格(和数据库的表:表-行-单元格一样 table-rows-row[i]) 3个标签的具体属性查询 www.w3school.com.cn 。默认继承父标签属性,但是自有属性会覆盖父类属性体现自有属性。
(6.10)表单:<form></form>需要用户输入的东西,他就是表单。
(6.10.1)input标签是主要的表单元素,值有:
(6.11)u标签:表示加下划线
(2)浏览器类别:IE核心的浏览器(WebBrowser引擎),非IE核心的浏览器(WebKit引擎(开源的)),双核浏览器一般同时具有这2个引擎。
(3) 网页:静态页面(放在服务器上),动态页面(服务器动态生成的页面,动态语言(程序开发语言))。
(4)普通的HTML页面和任何后台语言无关,可以使用dreamweaver等工具写,这些工具是给美工用的,开发人员用好VS写HTML。
(5)XHTML,XML,HTML。 在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。 XML是可扩展标记语言,有强大的对数据处理的能力。
(6)HTML基础:
(6.01)结构:<html></html>(1级);<head></head>头部信息,是对页面的描述,不会显示在页面中(2级);<title></title>页面的标题(3j级)处于head之下;<body></body>页面的主体(2级)
(6.02)颜色体系:bgcolor(back ground color)(选取颜色方法:找到颜色源代码;使用内置的颜色选取器。)
(6.03)格式标签成双成对,或者单个但是必须关闭;属性的值必须用双引号。
(6.04)替代符:空格 : 大于号小于号:<>
(6.05)文字格式: <br/> 回车;<p></p>分段,段落之间有空白;<center></center>居中;h标签,<h1></h1>到<h6></h6>六个标签,定义字体大小;<b></b>粗体
(6.06)URL,超链接:URL:表示资源在网络中的地址。URL(/....网站根目录;....当前目录;.../上级目录)。超链接<a href="http://www.baidu.com">百度(也可以嵌套图片)</a> target属性(国内网站默认在新窗口打开 target = " _blank ")
(6.07)图片: img必须2个属src和alt(图片的地址/图片未加载的显示文本),一般指定好width和height(固定大小),缩略图处理方式:创建一个小图,浏览器显示的,然后点击小图链接到大图。
(6.08)列表:<ul></ul>unordered list/<ol></ol> ordered list 无序/有序
(6.09)表格:<table><tr><td></td></tr></table> 表格-行-单元格(和数据库的表:表-行-单元格一样 table-rows-row[i]) 3个标签的具体属性查询 www.w3school.com.cn 。默认继承父标签属性,但是自有属性会覆盖父类属性体现自有属性。
(6.10)表单:<form></form>需要用户输入的东西,他就是表单。
(6.10.1)input标签是主要的表单元素,值有:
submit(提交按钮):点击表单就提交到服务器,默认按钮文本为“提交查询”,可以设置value属性来修改文本。
button(普通按钮),
hidden(隐藏字段),
image(图片按钮):常用属性src
checkbox(复选框):常用属性checked(被选中)
file(文件选择框):使用file,form的enctype必须设置为multipart/form-data,method属性为post
password(密码框),
radio(单选按钮):使用name属性来分组,相同的name为一组 <input type ="radio" name = "sex"/>男<br /> <input type="radio" name = "sex"/>女<br />从而来实现单选。
reset(重置按钮),
text(文本框):常用属性为readonly。
(6.10.2)select标签:创建类似于combox和listbox,下拉列表单选/多选。如果属性size>1就是listbox,下拉框可以通过设置属性(multiple)来选择多个或者单个。combox单选。有optgroup(选项分组)与option2个子标签。
(6.10.3)textarea:文本区域,rows行,cols列控制大小
(6.10.4)fileset标签: 实现一个框框框起来。 legend属性:该块的说明:比如爱好,然后下面是一组爱好选择。
button(普通按钮),
hidden(隐藏字段),
image(图片按钮):常用属性src
checkbox(复选框):常用属性checked(被选中)
file(文件选择框):使用file,form的enctype必须设置为multipart/form-data,method属性为post
password(密码框),
radio(单选按钮):使用name属性来分组,相同的name为一组 <input type ="radio" name = "sex"/>男<br /> <input type="radio" name = "sex"/>女<br />从而来实现单选。
reset(重置按钮),
text(文本框):常用属性为readonly。
(6.10.2)select标签:创建类似于combox和listbox,下拉列表单选/多选。如果属性size>1就是listbox,下拉框可以通过设置属性(multiple)来选择多个或者单个。combox单选。有optgroup(选项分组)与option2个子标签。
(6.10.3)textarea:文本区域,rows行,cols列控制大小
(6.10.4)fileset标签: 实现一个框框框起来。 legend属性:该块的说明:比如爱好,然后下面是一组爱好选择。
(6.13)label标签: <label for="txt1"> 姓名</label> <input type="text" id="txt1" />文本修饰text标签,选定label,text就可以获取焦点。
(7)CSS层叠式样表
(7.1) CSS:HTML的元素标签描述我是谁,CSS描述元素长的什么样子。用来美化页面用的,可以对页面元素进行更精细的设置,样式主要描述元素的字体颜色,背景颜色,边框等。
(7.2)CSS使用方式:
(7.2.1)元素内联。直接在样式写入元素的style属性中;
(7.2.2)页面嵌入。在head标签中加入style标签。<style type="text/css"> input{color-:red;}</style>
(7.2.3)外部引用。在head标签中引用外部的css文件。<link type="text/css" rel="Stylesheet" href="s1.css"/>加入link标签引用外部css文件。代码解析:type类型,rel描述关系:样式表,href:文件路径。
(7.3)div:层,span:块
(7.3.1)div 将内容放到层中,会影响布局,成长方形格式。把他们当成一个整体处理,如隐藏,移动。div有悬浮停靠属性。div的100%是相对父级别来说的。 Html级元素默认宽度是100%,即整行;但是高度并不是100%,而仅仅是一行而已。 所以要想实现撑满整个页面,必须显式地设置高度为100%!
div的使用:div盒子理论:从里到外:div的元素的内容->dv边框与内容的距离(内边距padding)->div边框的厚度->div边框与外层div/同层div的的距离(外边距 margin )。不同 浏览器默认读取的值可能不一样,所以在stytle加入 padding,margin,broder为0。在调整div布局的时候,通常采用固定长度来设置。(IE 浏览器div的长度包括边框,非IE(wc3标准)不包括边框。)
(7.2)CSS使用方式:
(7.2.1)元素内联。直接在样式写入元素的style属性中;
(7.2.2)页面嵌入。在head标签中加入style标签。<style type="text/css"> input{color-:red;}</style>
(7.2.3)外部引用。在head标签中引用外部的css文件。<link type="text/css" rel="Stylesheet" href="s1.css"/>加入link标签引用外部css文件。代码解析:type类型,rel描述关系:样式表,href:文件路径。
(7.3)div:层,span:块
(7.3.1)div 将内容放到层中,会影响布局,成长方形格式。把他们当成一个整体处理,如隐藏,移动。div有悬浮停靠属性。div的100%是相对父级别来说的。 Html级元素默认宽度是100%,即整行;但是高度并不是100%,而仅仅是一行而已。 所以要想实现撑满整个页面,必须显式地设置高度为100%!
div的使用:div盒子理论:从里到外:div的元素的内容->dv边框与内容的距离(内边距padding)->div边框的厚度->div边框与外层div/同层div的的距离(外边距 margin )。不同 浏览器默认读取的值可能不一样,所以在stytle加入 padding,margin,broder为0。在调整div布局的时候,通常采用固定长度来设置。(IE 浏览器div的长度包括边框,非IE(wc3标准)不包括边框。)
(7.3.2)span 只是把内容放到块中,定义成一个整体来操作,可以成不规则形状。
(8)JS基础
(8.1)JS:JavaScript,前身为LiveScript,吸收了一些Java的特性,所以改称为JS,不是用Java来写的Script。JS是解释性(直译型)语言,而C#,Java是编译语言,是动态的,弱类型语言。
它的解释器
被称为JavaScript引擎,浏览器
的一部分,广泛用于客户端
的脚本语言,最早是在HTML
网页上使用,用来给HTML网页增加动态功能。
(8.2)日常用途:
(8.2.1) 嵌入动态文本于HTML页面。
(8.2.2)对浏览器事件做出响应。
(8.2.3)读写HTML元素
(8.2.4)在数据被提交到服务器之前验证数据
(8.2.5)检测访客的浏览器信息
(8.2.6)控制cookies,包括创建和修改等
(8.3)语法:JS是弱类型语言。
(8.3.1)明变量用var,比如var i=1;表示 声明i为整型的1,,i=”123“,声明为字符串123,并且i的值可以随便改变,称之为弱类型。基本语法和C#差不多。
(8.3.2)函数的声明格式:function+函数名+参数列表(function getnumber(i)){.....},通常第一个大括号应该保持与函数名同列,不然可能会出现歧义。
(8.3.3)匿名函数:顾名思义,没有名字的函数,格式 function(参数列表){}; 把匿名函数委托给一个变量var i,那么可以直接使用i,省略去了初始化变量。
(8.2)日常用途:
(8.2.1) 嵌入动态文本于HTML页面。
(8.2.2)对浏览器事件做出响应。
(8.2.3)读写HTML元素
(8.2.4)在数据被提交到服务器之前验证数据
(8.2.5)检测访客的浏览器信息
(8.2.6)控制cookies,包括创建和修改等
(8.3)语法:JS是弱类型语言。
(8.3.1)明变量用var,比如var i=1;表示 声明i为整型的1,,i=”123“,声明为字符串123,并且i的值可以随便改变,称之为弱类型。基本语法和C#差不多。
(8.3.2)函数的声明格式:function+函数名+参数列表(function getnumber(i)){.....},通常第一个大括号应该保持与函数名同列,不然可能会出现歧义。
(8.3.3)匿名函数:顾名思义,没有名字的函数,格式 function(参数列表){}; 把匿名函数委托给一个变量var i,那么可以直接使用i,省略去了初始化变量。