欢迎来到淘文阁 - 分享文档赚钱的网站! | 帮助中心 好文档才是您的得力助手!
淘文阁 - 分享文档赚钱的网站
全部分类
  • 研究报告>
  • 管理文献>
  • 标准材料>
  • 技术资料>
  • 教育专区>
  • 应用文书>
  • 生活休闲>
  • 考试试题>
  • pptx模板>
  • 工商注册>
  • 期刊短文>
  • 图片设计>
  • ImageVerifierCode 换一换

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

    • 资源ID:76706666       资源大小:9.78MB        全文页数:50页
    • 资源格式: PDF        下载积分:10金币
    快捷下载 游客一键下载
    会员登录下载
    微信登录下载
    三方登录下载: 微信开放平台登录   QQ登录  
    二维码
    微信扫一扫登录
    下载资源需要10金币
    邮箱/手机:
    温馨提示:
    快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。
    如填写123,账号就是123,密码也是123。
    支付方式: 支付宝    微信支付   
    验证码:   换一换

     
    账号:
    密码:
    验证码:   换一换
      忘记密码?
        
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
    5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。

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

    韩顺平 html第二讲第一个网页 hello world!-使 用 来调整字体颜色-hello world1!-使 用 来调整字体大小,但是 size里面的取值是 1 7-hello world2!-使用 CSS中将字体调整更大-为字体更换颜色4 hhhhh 韩顺平 html第三讲Html 的超链接:例子:无标题文档 超链接 在新窗口打开 在本页面打开 给自己写信 Html 图片元素(标记):案例:(网页上显示图片)无标题文档 Table表格:!-/table!-*tr表示行,td 表示列,tr align=设置字体对齐方式*-案例:无标题文档 *表格,为表格添加背景*!-123!-*tr表示行,td 表示列,tr align=设置字体对齐方式*-韩顺平 html第四讲合并单元格:colspan=跨行列数roespan=跨列行数 表格 *菜谱*周一菜谱 素菜 青菜 土豆 豆腐 白菜 荤菜 肉丝 大虾 海参 鲍鱼 注释:在此处表示字体的对齐方式韩顺平 html 第五讲无序列表(html 常用标记/元素-ui/li)格式:Html 列表无序列表 列表内容 的属性设定(常用):例如:Type=”squre”设定符号款式,其值有三种,如下,默认为Typr=”disc”Type=”disc”时的列项符号是实心圆点Type=”circle”时的列项符号为空心圆Type=”square”时的列项符号为空心正方形*无序列表代码例子*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.html 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 单选框,image 图片按钮,hidden,submit 提交按钮,reset重置按钮name 是你给表单元素取的名子*=Symbolic Name for CGI script Action:指定把请求交给那个界面其他:New Document 1*复选框*苹果 香蕉 *单选框*苹果 香蕉 2*隐藏一个表单元素*用处是可提交数据,同时不影响界面*这里有一个隐藏的表单元素 font*图片按钮*苹果 *下拉列表*-请选择-网游 足球 游泳 *文本区*请输入文本 *请选择要上传的文件*请选择文件*按钮*DIV+CSS 部分笔记当属性设置 float(浮动)时,其所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别 float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用 clear:both;来清除。2011韩顺平轻松搞定网页设计(html+css+js)之javascript现场授课笔记(完整版)Javascript的基本介绍JS是用于 WEB 开发的脚本语言:脚本语言是什么:脚本语言不能独立使用,它和HTML/JSP/PHP/ASP.NET 配合使用脚本语言也有自己的变量,函数,控制语句(顺序,分支,循环)脚本语言实际上是解释性语言(即在执行时直接对源码进行执行)Java 程序.j ava.classjvm ,js浏览器(js 引擎来解释执行)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程序改进如何定义变量:如何运算:New 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 的命名规范(函数/变量):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是+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;/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);-运算符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=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 内存数据分析:

    注意事项

    本文(韩顺平html+(DIV+CSS)+javascript.pdf)为本站会员(索****)主动上传,淘文阁 - 分享文档赚钱的网站仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知淘文阁 - 分享文档赚钱的网站(点击联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




    关于淘文阁 - 版权申诉 - 用户使用规则 - 积分规则 - 联系我们

    本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

    工信部备案号:黑ICP备15003705号 © 2020-2023 www.taowenge.com 淘文阁 

    收起
    展开