统计ID: 3733674
网站名: 智尚代写翻译
赞助商链接 ( B1 )
赞助商旗帜 ( B2 )
正在更新报表，请稍候……这一般需要 10 秒钟
&查看方式:
详尽访问明细
22:33:06 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]湖北省武汉市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, Chrome 39.0.×768, 224 色, 未装 Alexa 工具条
( 关键词: 纳滤去除镍离子去除率 )
21:24:42 ( IP
这是此用户浏览的第 2 页, [
]湖南省 电信
被浏览页面
20:47:14 ( IP
这是此用户第 5 次访问智尚代写翻译, [
]江苏省苏州市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, Chrome 31.0.×720, 232 色, 未装 Alexa 工具条
19:32:56 ( IP
该访问者不支持脚本, [
]美国 加州旧金山GLOBAL-INTERNET-ARCHIVE机构, 未知 (), 位于 时区
客户端信息
, , 其它, 非正常浏览, 未装 Alexa 工具条
19:28:55 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]日本 软银宽带, 未知 (ja-jp), 位于9 时区
客户端信息
Android 4.2.2, AppleWebKit 534.30,Safari 4.0, 720×1280, 232 色, 未装 Alexa 工具条
19:21:37 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]浙江省舟山市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, MSIE 9.0, , 224 色, 未装 Alexa 工具条
( 关键词: it is best to select and size the bearing before d )
19:08:21 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]山东省青岛市 联通, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Mozilla 5.0, , 224 色, 未装 Alexa 工具条
( 关键词: 出国留学cv范文 )
19:03:56 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]辽宁省大连市 联通ADSL, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 38.0.×900, 224 色, 未装 Alexa 工具条
( 关键词: chen等人（1986） )
19:03:20 ( IP
这是此用户浏览的第 2 页, [
]广东省广州市 广东外语外贸大学南国商学院
被浏览页面
19:02:44 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]北京市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: eco criticism )
18:57:43 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]天津市 电信IDC机房, 未知 (), 位于8 时区
客户端信息
Android 4.3, AppleWebKit 533.1,Safari 4.0, 800×600, 224 色, 未装 Alexa 工具条
18:56:41 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]安徽省安庆市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×800, 232 色, 未装 Alexa 工具条
( 关键词: the meaning
of image in
moby dick )
18:53:15 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]北京市 电信通, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows NT 6.3, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 英语作文 religious impact on __________ (american
18:33:22 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]美国 Microsoft公司, 未知 (), 位于-8 时区
客户端信息
Mac OS X, AppleWebKit 537.51.1,Safari 7.0, 320×568, 224 色, 未装 Alexa 工具条
18:31:21 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]美国 Microsoft公司, 未知 (), 位于-8 时区
客户端信息
Mac OS X, AppleWebKit 537.51.1,Safari 7.0, 320×568, 224 色, 未装 Alexa 工具条
18:22:22 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]河南省郑州市 移动, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, MSIE 6.0, , 232 色, 未装 Alexa 工具条
( 关键词: the cultures differences of animal words in englis )
18:21:49 ( IP
这是此用户第 2 次访问智尚代写翻译, [
]江苏省苏州市 移动, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 言Zのk展からる日本人の者意R )
18:20:17 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]山西省运城市 联通, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.1650,SE 2.X, , 232 色, 未装 Alexa 工具条
( 关键词: 基于java毕业生就业信息管理系统的设计与实现 )
18:11:59 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]安徽省芜湖市 安徽师范大学, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: idioms show cultural identity )
18:09:41 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]上海市松江区 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, MSIE 8.0, , 232 色, 未装 Alexa 工具条
( 关键词: 脑卒中留置胃管 )
18:08:31 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]四川省眉山市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 34.0.×768, 224 色, 未装 Alexa 工具条
( 关键词: 留学cv范文 )
18:06:03 ( IP
这是此用户第 3 次访问智尚代写翻译, [
]河北省衡水市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, MSIE 8.0, , 232 色, 未装 Alexa 工具条
18:05:22 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]北京市 移动, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: an analysis of the linguistic features of news eng )
17:57:06 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]河南省南阳市 南阳理工学院东南校区11#公寓楼, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 女性婚姻观 )
17:52:19 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]黑龙江省哈尔滨市 联通, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows NT 6.3, Chrome 31.0.1650,SE 2.X, , 232 色, 未装 Alexa 工具条
( 关键词: cultural influences on business negotiation styles )
17:51:10 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]重庆市渝中区 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 34.0.×768, 224 色, 未装 Alexa 工具条
( 关键词: 女性主义在《飘》中斯佳丽身上的体现的开题报告 )
17:48:10 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]陕西省渭南市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 34.0.×768, 224 色, 未装 Alexa 工具条
( 关键词: 脉冲金属探测器 )
17:46:15 ( IP
这是此用户浏览的第 2 页, [
]江西省南昌市 电信
被浏览页面
17:44:22 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]天津市 中国民航大学, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, MSIE 9.0, , 224 色, 未装 Alexa 工具条
( 关键词: the relationship between china and america )
17:44:19 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]上海市 电信, 英语 - 美国 (en-us), 位于8 时区
客户端信息
Mac OS X 10_9_5, AppleWebKit 600.2.5,Safari 7.1.2, , 224 色, 未装 Alexa 工具条
( 关键词: write a note to your future roommate that reveals
17:34:44 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]安徽省滁州市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, MSIE 9.0, , 224 色, 未装 Alexa 工具条
( 关键词: 教改项目立项申请书 )
17:26:42 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]陕西省西安市 西安外国语大学, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 宗教对法国文化的影响 )
17:25:13 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]日本 东京都千代田区内幸町 NTT通信集团公司, 未知 (ja-jp), 位于9 时区
客户端信息
Windows 7 & 2008 r2, Mozilla 5.0, , 224 色, 未装 Alexa 工具条
17:17:46 ( IP
这是此用户浏览的第 2 页, [
]浙江省杭州市 电信
被浏览页面
17:14:50 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]广东省深圳市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 俄语参考文献 )
17:13:19 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]福建省福州市 铁通, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, MSIE 8.0, 683×512, 232 色, 未装 Alexa 工具条
17:11:49 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]广东省广州市 南方医科大学, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 30.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 张云龙 山东中医药 )
17:09:37 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]北京市 北京市, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Mac OS X, AppleWebKit 537.51.2,Safari 6.0, 768×1024, 232 色, 未装 Alexa 工具条
( 关键词: 中日方位词研究 )
17:08:16 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]广东省佛山市南海区 电信ADSL, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 服务端和客户端 java棋牌 )
16:59:28 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]云南省昆明市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 31.0.×768, 232 色, 未装 Alexa 工具条
( 关键词: 公众人物的基本内涵 )
16:58:10 ( IP
这是此用户浏览的第 2 页, [
]湖南省株洲市 移动
被浏览页面
16:52:12 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]广东省广州市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, Maxthon 4.4.1,Chrome 30.0.×1536, 232 色, 未装 Alexa 工具条
( 关键词: 重金属离子过滤 )
16:49:04 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]广东省佛山市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, Chrome 31.0.×864, 232 色, 未装 Alexa 工具条
( 关键词: 商务信函的翻译策略论文 )
16:43:43 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]上海市 电信, 英语 - 美国 (en-us), 位于8 时区
客户端信息
Windows NT 6.3, Chrome 39.0.×800, 224 色, 未装 Alexa 工具条
( 关键词: china appropriate colors )
16:43:39 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]辽宁省本溪市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows 7 & 2008 r2, Chrome 35.0.1916,SE 2.X, , 224 色, 未装 Alexa 工具条
( 关键词: i.prepare your paper before styling )
16:39:45 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]广东省肇庆市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, Chrome 31.0.×864, 232 色, 未装 Alexa 工具条
( 关键词: 科研立项 )
16:35:19 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]四川省成都市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, MSIE 8.0, , 232 色, 未装 Alexa 工具条
( 关键词: what are the biggest different between china and w )
16:31:12 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]山西省运城市 联通, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows XP, MSIE 8.0, , 232 色, 未装 Alexa 工具条
( 关键词: 日本色彩文化 )
16:27:24 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]南京大学鼓楼校区 逸夫馆, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Windows NT 6.3, Firefox 34.0, , 224 色, 未装 Alexa 工具条
( 关键词: 我国社会建设中存在的现实问题 )
16:23:20 ( IP
这是此用户第 1 次访问智尚代写翻译, [
]江苏省南京市 电信, 中文 - 中华人民共和国 (zh-cn), 位于8 时区
客户端信息
Mac OS X, AppleWebKit 534.46,Safari , 768×1024, 232 色, 未装 Alexa 工具条
( 关键词: 当前我国社会建设面临的问题及对策 )
服务器及带宽由
「我要啦」免费统计 www.51.La | Powered by Ajiang.net | 版权所有
| 豫ICP备号----> 标记通常是成对出现head/head2
标记通常是成对出现head/head2
&&&&&&&&&&&&
&&&&Html+css四天Html是什么1.html(hypertextmark-uplanguage)是超文本标记语言,主要的用处是做网页,可以在网页上显示文字、图像、视频、声音…inputtype=”text”name=”xxx”/&&&&&&&&?标记==元素简单说明一下动态网页的示意图:&&&&&&&&Html历史&&&&&&&&1999html--xhtml(xhtml可以理解成就是html的加强版)-àxml&&&&&&&&|2008html5.0uW3c的介绍是一个制定标准的组织(比如给html,xhtml,css,xml,wml…制定标准)&&&&&&&&?不同的浏览器，去访问同一个网页，可能看到的效果是有差别!-hack&&&&&&&&Html的运行原理Hello.htmlHtml的运行有两种方式Html文件的基本结构htmlhead/headbody/BODY/html1.本地运行所谓本地运行就是直接用浏览器打开&&&&&&&&2.&&&&&&&&远程访问&&&&&&&&l&&&&&&&&何为协议?计算机互相通信(网络)的规则.ftpsmtppophttp&&&&&&&&远程访问的原理示意图:&&&&&&&&?这里我们涉及到http协议，这里我们没有深入讲解，但是这是一个非常重要的知识点.&&&&&&&&Html的基本结构htmlhead元素属性1=”值”….//headbody元素属性1=”属性值”属性2=“属性值”…内容/元素元素属性=”属性值”//body/html说明1.标记通常是成对出现head/head2.单标记br/案例:html符号实体&&&&&&&&说明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体(charentity)&&&&&&&&超链接的案例:br/*****************br/ahref=a.htmltarget=”_self,_blank,_top,_parent”连接到a.html/abr/!--如果我们希望在点击该超链接后，就跳转到外网的某个地址，则应当写完整的url--!--url统一资源定位--ahref=跳转到百度/abr/ahref=mailto:hanshunping@联系管理员/a&&&&&&&&Demo1.htmhtmlhead/headbodyb横看成林/bbr/br/fontcolor=red远近高低各不同/fontbr/!--size值可以取1..7--fontstyle=font-size:30不知庐山真面目/fontbr//body/html面试:请问后缀html和htm有什么区别?答:1.如果一个网站有index.html和index.htm默认情况下，优先访问.html3.htm后缀是为了兼容以前的dos系统8.3的命名规范&&&&&&&&4讲图像表格实际应用-菜谱课堂练习-课程表图片:&&&&&&&&imgsrc=”图片的路径/该图片也可是一个url”width=”宽度”heigth=”高度”/Html的表格元素在以前对网页布局要求不高的情况下，使用table布局(即使用表格来显示数据，同时用&&&&&&&&于布局)快速入门:&&&&&&&&htmlbodytablealign=centerheight=10pxbgcolor=yellowborder=3pxwidth=400px!--tr表示一行--tralign=centertd1/tdtd2/tdtd3/td/trtralign=righttd2/tdtdalign=center4/tdtd5/td/trtrtd3/tdtd9/tdtd10/td/trtrtd3/tdtd9/tdtd10/td/tr/table/body/html&&&&&&&&应用案例：1.确定行&&&&&&&&代码如下:htmlbody!-tablealign=centerheight=10pxbgcolor=yellowborder=3pxwidth=400px!--tr表示一行tralign=centertd1/tdtd2/tdtd3/td/trtralign=righttd2/tdtdalign=center4/tdtd5/td/trtrtd3/tdtd9/tdtd10/td/trtrtd3/td&&&&&&&&td9/tdtd10/td/tr/table--tableheight=150pxtrtd/td/tr/table!--显示菜单--tableborder=1align=centercellpadding=1pxcellspacing=0pxwidth=400pxtr!--colspan=3表该列要占用三列--tdalign=centercolspan=3菜谱/td/trtrtdrowspan=2素菜/tdtd青草茄子/tdtd花椒扁豆/td/trtrtd小炒韭菜/tdtd白豆腐/td/trtrtdrowspan=2荤菜/tdtd清蒸龙/tdtd鱼香肉丝/td/trtrtd小炒肉imgsrc=dog.jpgwidth=70px//tdtd水煮肉片/td/tr/table/body/html课堂练习:bordercolor=#E76BFFheight=225px&&&&&&&&htmltitle俺第一个实例/titlehead/headbodyCenter成绩表/centerbr/!--表格--tablealign=centeralign=centerheight=10pxborder=3pxwidth=500pxtralign=centertd项目/tdtdcolspan=5align=center上课/tdtdcolspan=2align=center休息/td/trtrbgcolor=pinkalign=centerth星期/b/thth星期一/thth星期二/thth星期三/thth星期四/thth星期五/thth星期六/thth星期日/th/trbordercolor=579AFE&&&&&&&&tralign=centertdrowspan=4align=center上午/tdtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/tdtdrowspan=4align=center休息/td/trtralign=centertd数学/tdtd数学/tdtd地理/tdtd历史/tdtd化学/tdtd计算机/td/trtralign=centertd化学/tdtd语文/tdtd体育/tdtd计算机/tdtd英语/tdtd计算机/td/trtralign=centertd政治/tdtd英语/tdtd体育/tdtd历史/tdtd地理/tdtd计算机1/td/trtr/tr&&&&&&&&tralign=centertdrowspan=2下午/tdtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/tdtdrowspan=2休息/td/trtralign=centertd数学/tdtd数学/tdtd地理/tdtd历史/tdtd化学/tdtd计算机/td/tr&&&&&&&&/table/body/html无序列表ulli/li/ul案例:&&&&&&&&代码:ultype=circleli英雄/lili精武门/lili西游记/li/ul&&&&&&&&?type可以取disc、circle、square&&&&&&&&有序列表&&&&&&&&代码:oltype=Ili卢俊义/lili吴用/li&&&&&&&&li林冲/li/ol?type用于指定用什么来显示,start表示从第几开始计算.&&&&&&&&Frameset框架集用途主要是用于分割显示多个页面?framest和frame配合使用，一般讲是用于后台页面快速入门:&&&&&&&&代码A2.html页面用于保护其它页面framesetcols=30%,*framename=frame1src=b.htmlnoresizeframeborder=0/framename=frame2src=c.htmlframeborder=0//frameset&&&&&&&&?该页面不能有body和body体&&&&&&&&b.htmlbodybgcolor=pink!--target表示我们点击后，目标指向谁--ahref=zjl.htmltarget=frame2周杰伦/abr/ahref=qq.htmltarget=frame2齐秦/abr//body&&&&&&&&?target属性值有四个_blank:表示打开一个全新的页面&&&&&&&&_self:替换本页面_top:_parent:*还有一个就是在target值中直接写对应的那个frame的名字.c.html:bodybgcolor=silver歌词大全/body其它页面&&&&&&&&Frameset的综合小案例:&&&&&&&&结构示意图:&&&&&&&&案例All.htmlframesetrows=20%,*framesrc=top.htmlscrolling=no/framesetcols=20%,*framesrc=left.htmlnoresizeframeborder=0/framesrc=right.htmlname=myframeframeborder=0//frameset/framesetTop.htmlimgsrc=title.JPG/Left.htmlbodybgcolor=pinkulliahref=zjl.htmltarget=myframe青花瓷/a/liliahref=qq.htmltarget=myframe当兵的人/a/li/ul/bodyRight.htmlbodybgcolor=silver歌词大全/body&&&&&&&&晚上的练习:&&&&&&&&1.按照笔记走一遍2.作业2.1做一个自己的网页，显示自己的基本信息：姓名、性别等（注意使用文本格式标记，要做得好看啊），并显示自己的照片（图象的标记还记得吗？）2.2.普通邮箱Iframe的使用有时我们需要，在一个含有body的页面嵌入另外一个页面，形成画中画的效果,怎么处理-iframe元素(浮动窗口)入门案例Iframe.htmlhtmlbodyh1hello,world/h1ahref=.cntarget=iframe1连接到taobao/Abr/ahref=kk.htmltarget=iframe1连接到kk.html/Abr/iframename=iframe1src=width=500pxheight=400px/iframesrc=http://g.cnwidth=400pxheight=400px//body/html表单元素为什么需要？看一个图:&&&&&&&&从上图可以看出，我们需要把一些数据提交给服务器处理,比如注册用户,发帖…,这样就需要使用到表单元素(常见输入框、单选框、复选框、文本域、密码框、上传文件。。)。&&&&&&&&基本结构inputtype=”类型”name=”名字”/一般说，表单元素通常是被form包含起来的Abc:inputtype=”text”name=”hobby”/inputtype=”radio”/formaction=””method=”get”U:inputtype=”text”name=”username”/inputtype=”submit”value=”xx”//formformaction=””method=””/form入门案例:&&&&&&&&Login.htmlhtmlheadtitle登录页面/title/headbody!--action的值应当是提交哪个页面(url)--!--method方法指定提交数据的方式,常用的有两种get/post--formaction=ok.htmlmethod=post!--name的值可以任意，但是不要使用关键字--用户名:inputtype=textname=username/br/密码:inputtype=passwordname=password/br/inputtype=submitvalue=登录系统/inputtype=resetvalue=重新填写//form/body&&&&&&&&/htmlOk.htmlOk,登录成功原理图:&&&&&&&&请考虑：如果我们希望偷偷的提交数据,不要影响节目效果，可以考虑使用隐藏域&&&&&&&&25秒前上传下载附件(27.43KB)案例代码:htmlheadtitle表单元素/title/headbodyformaction=ok.htmlmethod=get您最喜欢哪些城市:inputtype=checkboxname=citiesvalue=beijing北京inputtype=checkboxname=citiesvalue=shanghai上海inputtype=checkboxname=citiesvalue=伦敦伦敦br/您的性别是:inputtype=radioname=sexvalue=man男inputtype=radioname=sexvalue=woman女br/隐藏域的使用inputtype=hiddenname=datavalue=ok/br/下拉列表br/请选择您的出生地:selectname=addresssize=3multipleoptionvalue=sichuan四川/optionoptionvalue=beijing北京/optionoptionvalue=xizang西藏/option/selectbr/!--文本域,--&&&&&&&&textareaname=mytextareacols=40rows=10/textareabr/!--文件上传的控件--inputtype=filename=myfile上传文件br/inputtype=submitvalue=测试/!--这是一个图片按钮--inputtype=imagesrc=image1.png//form/body/html课堂练习:&&&&&&&&多媒体htmlheadtitle我的电影网站/title/headbody!-embedsrc=一起走到.MPG/--&&&&&&&&imgsrc=F.GIFdynsrc=clock.aviloop=2start=mouseover//body/html照着html文档，我们对html在加强一把图像映射技术:&&&&&&&&案例:htmlheadscriptlanguage=javascript!-functionshow(){window.alert(background-color:#;点击了矩形区域background-color:#;);}--/script/headbodyimgsrc=mapimg.gifusemap=#abc/!--映射区域--mapname=abcareashape=rectonclick=show();href=#coords=140,20,280,60//map/body/html更新时间:日20时08分来源:&&&&&&&&代码:htmlbodyfieldsetstyle=width:300pxlegendfontcolor=blue★审核状态/font/legend&&&&&&&&forminputtype=radioname=state已经审核inputtype=radioname=state没有审核inputtype=radioname=state全部/form/fieldset/body/htmlDiv+css是什么?Div+css是一种目前比较流行的网页布局技术Div来存放需要显示的数据(文字，图表..),css就是用来指定怎样显示，从而做到数据和显示相互的效果原理图如下：&&&&&&&&有时后，我们也可能把css直接嵌入到html文件中，这种方式称为内联css基本语法:style&&&&&&&&选择器{属性:属性值;…}/style我们可以简单的这样理解div+css:div是用于存放内容(文字,图片,元素)的容器。css是用于指定放在div中的内容如何显示,包括这些内容的位置和外观.快速入门案例(体验案例)&&&&&&&&Demo.htmlhtmlheadtitlecss入门小案例/title!--引入我们的css--linkrel=stylesheettype=text/csshref=my.css//headbodydivclass=style1imgsrc=2.jpg//div/body/htmlMy.css.style1{/*宽度*/width:400height:300/*一定要写一个分号*/background-color:border:1margin-left:400margin-top:250padding-top:20padding-left:40}网页设计的三个时期①table网页设计②table+css网页设计&&&&&&&&③div+css网页设计css使用必要性1.可以很好的统一网站的显示风格.css使用的基本语法选择器{属性1:属性值;属性2:属性值;….}&&&&&&&&Html文件:html!--css部分可以单写一个文件，然后引入，也可以直接嵌入到该html文件--linkrel=stylesheettype=text/csshref=demo2.css/body!--span元素通常用于存放小块内容--spanclass=s1栏目一/spanspanclass=s1栏目二/spanspanclass=s1栏目三/spanspanclass=s1栏目四/spanspanclass=s1栏目五/span/body/htmlCss文件：/*.s1用术语类选择器*/.s1{color:font-size:30font-style:text-decoration:}.s2{&&&&&&&&color:font-size:12}.s3{color:font-style:}.s4{color:font-weight:}.s5{color:#9C3131;}Css必要性2可以使用滤镜htmlhead!--如何把css直接嵌入到html文件(内联css)--styletype=text/cssa:linkimg{filter:}a:hoverimg{filter:;}/style/headbodyahref=3imgsrc=2.jpg//aahref=3imgsrc=3.jpg//aahref=3imgsrc=4.jpg//aahref=3imgsrc=cat1.jpg//a/body/html&&&&&&&&Css中常用的四种选择器1.类选择器(class选择器)基本使用.类选择器{属性名:属性值;&&&&&&&&….}2.id选择器&&&&&&&&基本使用#id选择器{属性名:属性值;….}案例:/*id选择器的使用*/#id1{background-color:font-size:40}3.html元素选择器&&&&&&&&某个html元素{属性名:属性值;…}Table{}P{}Button{}//对html元素样式分类P:cls{}pclass=”cls”/P需求人员(技术+行业背景)财务软件(php,c++)-用友[]4.通配符选择器&&&&&&&&?文件可以使用在各种文件(php,html,jsp,asp…)css&&&&&&&&*{}1.通配符选择器&&&&&&&&?文件可以使用在各种文件(php,html,jsp,asp…)css*{}案例:再比如，我们希望所有的超链接(1)默认样式是黑色，24px,没有下划线(2)当鼠标移动到超链接时，自动出现下划线(3)点击后,超链接变成红色。这又该怎么实现呢?[test.html]a:link{color:text-decoration:font-size:24}a:hover{text-decoration:font-size:40color:}a:visited{color:}/*对同一中html元素分类*/p.cls1{color:font-size:30}p.cls2{color:font-size:20}通配符选取器该选择器可以用到所有的html元素,但是其优先权最低*{属性名:属性值;….}?四个选取器优先权Id选择器class选择器html选择器通配符选则器&&&&&&&&了解-细节-深入了解-应用项目选择器的细节问题!1.父子选择器使用:/*父子选择器*/#id1span{color:font-style:}?上面选择器的含义是:在id选择器为id1的子元素span的样式就是。。。。divid=”id1”spanxxxxx/span/div&&&&&&&&Xdivclass=”cls”spanxx/span/div#id1spanspan{color:}#id1spanspana{color:}通过上面总结:①父子选择器可以有多级(但是在实际开发中不要过三层)②父子选择器有严格的层级关系通过上面总结:①父子选择器可以有多级(但是在实际开发中不要过三层)②父子选择器有严格的层级关系③父子选择器不局限于什么类型选择器比如#idspanspan.s1#idspandiv#id.s21.一个元素可以同时有id选择器和class选择器案例:spanclass=s1id=news_specail新闻一/span2.一个元素最多有一个id选择器，但是可以有多个类选择器&&&&&&&&使用方法如下:元素class=”类选择器1类选择器2”/Html部分spanclass=cls1s1新闻三/spanCss部分:/*给新闻三再配置一个class选择器*/.cls1{font-style:text-decoration:color:background-color:}.s1{background-color:font-weight:font-size:16color:}特别注意:当两个类选择器发生冲突了，则以写在css文件中的后面的那个类选择器为准！3.我们可以把某个css文件中的选择器共有的部分，独立出来写一份比如:.ad_stu{width:136height:196background-color:#FC7E8C;margin:5px006float:}/*广告2*/.ad_2{background:#7CF574;height:196width:457float:margin:5px006}/*房地产广告*/.ad_house{background:#7CF574;height:196width:152float:margin:5px006}//上面的css可以写成:&&&&&&&&/*招生广告*/.ad_stu{width:136background-color:#FC7E8C;}/*广告2*/.ad_2{background:#7CF574;width:457}/*房地产广告*/.ad_house{background:#7CF574;width:152}.ad_stu,.ad_2,.ad_house{height:196float:margin:5px006}4.说明css文件本身也会被浏览器从服务器下载到本地，才能显示效果.&&&&&&&&行内元素和块元素快速入门案例:&&&&&&&&从案例我们看出，行内元素它只占能显示自己内容的宽度，而且他不会占据整行块元素它不管自己的内容有多少，会占据整行，而且会换行显示常见的行内元素有aspaninputype=”xxx”常见块元素有divphtml&&&&&&&&headlinkrel=stylesheettype=text/csshref=element.css//headbodyspanclass=s1span1/spanspanclass=s1span2/spaninputtype=textname=username/divclass=s2div1/divdivclass=s2div2/divinputtype=textname=username/pstyle=background-color:silver这是一个段落/p/body/html行内元素和块元素可以转换使用Display:inline表示使用行内元素方式显示Display:block表示使用块元素方式显示Css文件之间的相互引用指令(mvc)&&&&&&&&标准流和非标准流流:html元素在网页中显示的顺序.标准流:在html文件中，写在前面的元素在前面显示，写在后面的html元素在后面显示.非标准流：在html文件中，当某个元素脱离的标准流，那么它就处于非标准流Css中的盒子模型盒子模型的示意图:&&&&&&&&盒子模型的经典案例:&&&&&&&&Html文件:!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhttp://www.w3.org/TR/html4/loose.dtdhtmlheadtitle盒子模型案例/titlelinkrel=stylesheettype=text/csshref=box1.css//headbody&&&&&&&&divclass=div1imgsrc=aa.bmp//div/body/htmlCss文件：body{border:1/*1px表示边框的宽度solid实线red表示颜色*/width:500height:500/*如果让body自动居中*/margin:0/*第一个用于上－下，第二个用于左－右。auto表示自动居中*/}/*盒子模型的概念:margin,padding,bordercontent*/.div1{width:50height:52border:1/*margin-top:5margin-left:5*/margin:5px0px0px5/*padding-top:35*/}.div1img{width:40height:40margin-top:5margin-left:5}盒子模型的综合案例2&&&&&&&&分析:思路基本结构divulliimgsrc=””//li&&&&&&&&/ul/divHtml文件:!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhttp://www.w3.org/TR/html4/loose.dtdhtmlheadlinkrel=stylesheettype=text/csshref=box2.css//headbody!--div在布局起到一个控制整个内容显示的位置--divclass=div1!--ul在布局中作用是可以控制显示内容多少--ulclass=faceulliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//liliimgsrc=aa.bmp//li&&&&&&&&liimgsrc=aa.bmp//liliimgsrc=aa.bmp//li/ul/div/body/htmlCss文件.div1{width:500height:300border:1margin-left:200}.faceul{width:400height:250border:1padding-left:5margin-left:10}.faceulli{list-style-type:float:/*左浮动，这个知识点后面说*/width:50height:52border:1margin-right:15margin-top:15}.faceulliimg{margin-left:5margin-top:5width:40height:40}作业：&&&&&&&&三天的内容自己小结:浮动在div+css中浮动分为左浮动，右浮动，清除浮动①右浮动所谓右浮动，指一个块元素向右移动，让出自己空间，向右移动直到碰到包含自己的父元素的最右边的边框.②左浮动快速入门:&&&&&&&&.div1{width:150&&&&&&&&height:100border:1background:margin-top:5float:/*左浮动*/}从这个案例我们可以看出，所谓左浮动就是指:某个块元素尽量向左边移动，这样就让出它右面的空间，让别的块元素显示.浮动的特别说明:如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”：直到有足够空间.?如果使用浮动属性：则该元素不管是不是块元素，都会按照display:block来显示.小总结:你可以这么理解浮动:如果一个元素右/左浮动则:①它本身会尽可能向右/左移动，直到碰到边框或者别的浮动元素,特别强调浮动对块元素和行内元素都生效!②元素向右/左浮动，就相当于让出自己的左/右边,别的元素就会在它的左/右边排列。再一个案例:&&&&&&&&!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlbodyimgstyle=float:margin-right:5lf爱克发/body/html如何清除浮动，我们在项目中说明网上有一个站点；禅意花园-csdn网页论坛开源之祖sourceforeg.netPhp开源http://www.模仿-()创新src=2.jpg/爱克发&&&&&&&&定位常见的定位有四种1.static定位(默认值)【left和top无效】2.relative相对定位3.absolute绝对定位4.fixed固定定位.相对定位:&&&&&&&&这里我们看出，所谓相对定位是指，相对该元素应当显示的左上角重新定位，虽然它脱离的标准流，但是它的空间，不能被占用.绝对定位:&&&&&&&&从上图看，所谓绝对定位是指，对该元素最近的那个脱离了标准流的元素定位,如果没有父元素(或者有父元素，但是父元素没有脱离标准流)，则相对body左上角定位.怎么理解上面标红的字&&&&&&&&代码:Html:bodydivclass=div1&&&&&&&&内容1/divdivclass=div1内容3/divdivclass=div1内容4/divdivclass=div2divid=speclass=div1内容2/div/div/bodyCss文件:.div2{position:left:100top:100width:200height:150background:float:}Fixed定位所谓fixed定位就是不管怎样，总是以视窗的左上角定位.?lefttop属性对static没有效果，static定位是靠margin-leftmargin-top来移动位置的.z-index用于设置对象(div)显示时候，层叠的属性,z-index值越小，则越在下层显示!!&&&&&&&&分享给好友:
All Rights Reserved 图宝贝
本站声明：本站转所转载之内容，无任何商业意图，如本网站转载稿件涉及版权、著作权等问题，请您来函与本站管理员取得联系,友情链接请加QQ,要求PR 或者 BR >=2（联系方式：QQ ）}