韩顺平html+(DIV+CSS)+javascript.pdf

《韩顺平html+(DIV+CSS)+javascript.pdf》由会员分享，可在线阅读，更多相关《韩顺平html+(DIV+CSS)+javascript.pdf（50页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、韩顺平 html第二讲第一个网页 hello world!-使 用 来调整字体颜色-hello world1!-使 用 来调整字体大小,但是 size里面的取值是 1 7-hello world2!-使用 CSS中将字体调整更大-为字体更换颜色4 hhhhh 韩顺平 html第三讲Html 的超链接：例子：无标题文档 超链接 在新窗口打开 在本页面打开 给自己写信 Html 图片元素（标记）：案例：（网页上显示图片）无标题文档 Table表格：!-/table!-*tr表示行，td 表示列,tr align=设置字体对齐方式*-案例：无标题文档 *表格,为表格添加背景*!-123!-*tr表示

2、行，td 表示列,tr align=设置字体对齐方式*-韩顺平 html第四讲合并单元格：colspan=跨行列数roespan=跨列行数 表格 *菜谱*周一菜谱 素菜 青菜 土豆 豆腐 白菜 荤菜 肉丝 大虾 海参 鲍鱼 注释：在此处表示字体的对齐方式韩顺平 html 第五讲无序列表（html 常用标记/元素-ui/li）格式:Html 列表无序列表 列表内容 的属性设定（常用）：例如：Type=”squre”设定符号款式，其值有三种，如下，默认为Typr=”disc”Type=”disc”时的列项符号是实心圆点Type=”circle”时的列项符号为空心圆Type=”square”时的列项

3、符号为空心正方形*无序列表代码例子*1 1 1 Html 列表有序列表ol 称顺序列表标记 列表内容 的属性设定（常用）：例如：type=”i”设定数目款式的值有5 种：阿拉伯数字，a 小写字母，A 大写字母，i 小写罗马数字，I 大写罗马数字*有序列表代码例子*1 1 1 1 1 1 Html 框架标记（元素）frameset/frame rows=”按照行的百分比 实例：qq.html 歌词 ee.html 费玉清 All.html 注释：all.html 中不能带body 标记综合案例：all.html New Document top.html New Document Left.ht

4、ml New Document 青花瓷 1 青花瓷 2 Right1.html New Document right1.html Right2.html New Document right2.html 韩顺平 html 第六讲html 表单 form：介绍：html 的表单元素，主要用于让客户输入数据，并提交给服务器语法格式：各种元素（输入框，下拉列表，文本域，密码框）代码：提交界面.html 登陆界面 登陆界面 用户名：密  码：Ok.html ok 表单中提供给用户的输入形式有：*=text 文本框,password密码框,checkbox 复选框,radio 单选框

5、,image 图片按钮,hidden,submit 提交按钮,reset重置按钮name 是你给表单元素取的名子*=Symbolic Name for CGI script Action:指定把请求交给那个界面其他：New Document 1*复选框*苹果 香蕉 *单选框*苹果 香蕉 2*隐藏一个表单元素*用处是可提交数据，同时不影响界面*这里有一个隐藏的表单元素 font*图片按钮*苹果 *下拉列表*-请选择-网游 足球 游泳 *文本区*请输入文本 *请选择要上传的文件*请选择文件*按钮*DIV+CSS 部分笔记当属性设置 float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时

6、候我们希望文档流能识别 float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用 clear:both;来清除。2011韩顺平轻松搞定网页设计（html+css+js）之javascript现场授课笔记（完整版）Javascript的基本介绍JS是用于 WEB 开发的脚本语言：脚本语言是什么：脚本语言不能独立使用，它和HTML/JSP/PHP/ASP.NET 配合使用脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环）脚本语言实际上是解释性语言（即在执行时直接对源码进行执行）Java 程序.j ava.classjvm ,js浏览器（j

7、s 引擎来解释执行）Js 在客户端（浏览器）执行因为 js 是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对 js 的支持不一样。function test()window.alert(hello world!);New Document 案例：1 需求：打开网页后，显示hello！window.alert(hello!);New Document 问题：js 的位置可以随意放js 必须使用 代码 在一个 html 文件中（JSP/PHP/ASP.NET）可以出现多对（script）片段，浏览器会按照先后顺序一次执行案例 2:Hello world程序改进如何定义变量：如何运算：N

8、ew Document /js 中变量的定义（js中变量用 var 表示，无论什么类型）var num1=1;var num2=60;var result=num1+num2;window.alert(结果是+result);/alert 函数window.alert表示弹出一个对话框 Js 的变量类型是怎样决定的1)Js 是弱数据类型语言，即：在定义变量侍候，统一使用var 表示，甚至可以去掉var 这个关键字2)Js 中的变量的数据是由js引擎决定的Var name=”shunping”;/name 是字符串Var kk=2/kk 是数字Name=234;/这事 name 自动变成数也Js

9、 的命名规范（函数/变量）：1)使用大小写字母，数字，$可以命名2)不能以数字打头3)不能使用 js 保留字和关键字（即java 里的关键字）4)区分大小写5)单行注释：/6)多行注释：/*.*/韩顺平 JS第三讲Js 的数据类型：基本数据类型数值类型字符串类型布尔类型通过 typeof 可以看到变量的具体数据类型举例：New Document var vi=abc;var v2=890;window.alert(v1是+typeof v1);window.alert(v2是+typeof v2);vi=456;/体现 js 是动态语言：即数据类型可以任意变化window.alert(v1是+

10、typeof v1);/体现 js 是动态语言 复合数据类型数组对象特殊数据类型Null 即：var=null Undefined 即：如下代码 window.alert(tt);/直接报错：未定义var tt;/未给值 Js 定义变量，初始化，赋值定义变量：即var=a 初始化：即在定义变量时就给值赋值：即：比如你先定义一个变量 var=tt，然后再给值：tt=780；js 数据类型转换：自动转换例子：var=123;/a是数值a=”hello”/a的类型是 string 强制转换例子：字符串转换成数字Var a=123”;a=parseInt(a);/使用系统数强制转换Var b=90;/

11、b是number b=b+”,/b就是 string 运算符+*/%(取摸：即两个数相除的余数)强调：取模主要用于整数之间取模例子：编写一个程序，判断两个数是否能够整除 var a=90;var b=8;if(a%b=0)window.alert(能整除);else window.alert(不能整除);+，运算符a+=a=a+1 a-=b=b-1+a 表示先把自己加1再赋值-a 表示先把自己减1再赋值例子：Var a=56;Var b=+a;/b=+a 等同于 a=a+1;b=a b=a+等同于 b=a;a=a+1;Window.alert(b);Window.alert(a);-运算符Va

12、r a=56;Var b=-a;/b=-a 等同于 a=a-1;b=a b=a-等同于 b=a;a=a-1;Window.alert(b);Window.alert(a);例子：编写一个程序，判断两个数是否能够整除 var a=90;var b=8;if(a%b=0)window.alert(能整除);else window.alert(不能整除);+，运算符a+=a=a+1 a-=b=b-1+a 表示先把自己加1再赋值-a 表示先把自己减1再赋值例子：Var a=56;Var b=+a;/b=+a 等同于 a=a+1;b=a b=a+等同于 b=a;a=a+1;Window.alert(b);Window.alert(a);-运算符Var a=56;Var b=-a;/b=-a 等同于 a=a-1;b=a b=a-等同于 b=a;a=a-1;Window.alert(b);Window.alert(a);错误案例：更正：输出：myfuns.js代码：调用 myfuns.js 案例一：Js 文件：调用：案例 2：Js 文件：调用：abc（5）；输出：3 3 4 Js 文件：调用：数组在内存中的存在形式：内存数据调用案例：输出：900 内存数据分析: