UI基础与项目实战(新).docx

《UI基础与项目实战(新).docx》由会员分享，可在线阅读，更多相关《UI基础与项目实战(新).docx（113页珍藏版）》请在三一办公上搜索。

1、启讯IT企业项目培训大纲第一章：UI形象识别系统41.1、VI图像元素41.2、UI识别系统4第二章：常用的UI设计工具41.1、Photoshop Cs6设计工具41.1.1、Photoshop工具的工作界面41.1.2、启动及关闭PS软件61.1.3、打开文件及文件格式71.1.4、画布的使用81.1.5、图层的使用91.1.6、常用的ps快捷键101.1.7、工具栏101.1.8、液化命令301.1.9、滤镜301.1.10、动画30第三章：网页美工30第四章：移动终端美工31第五章：综合美工案例31第六章 HTML网页设计326.1、html标签语言326.1.1、什么是html326

2、.1.2、文档结构326.1.3、html元素32第七章 CSS层叠样式表357.1、什么是css357.1.1、标签的属性367.2.2、css属性367.2、存放位置367.2.1、行内367.2.2、内部367.3、盒子模型（重点）397.3.1、宽和高397.3.2、边框397.3.3、内容407.3.4、对齐407.3.5、边距407.3.6、背景417.3.7、透明度417.3.8、鼠标形状427.3.9、伪类427.3.10、定位（重点）427.4、web前端排版（工作）437.4.1、div+css网页布局（五布局）43第八章 JavaScript脚本编程458.1、html,

3、css,javascript三者的关系468.2、变量468.2.1、变量的定义468.2.3、定义变量478.3、数据类型478.3.1、数字类型 number478.3.2、字符串类型 string478.3.3、布尔类型 boolean488.3.4、不是数字类型 NaN488.3.5、未定义类型 undefined488.3.6、对象类型 object488.4、运算符498.4.1、算术运算符498.4.2、关系运算符498.4.3、逻辑运算符498.4.4、赋值运算符508.5、简单的算法508.6、判断528.6.1、单分支528.6.2、双分支528.6.3、多分支538.7、

4、循环548.7.1、while循环548.7.2、do while循环548.7.3、for循环548.7.4、for in 循环558.8、数组558.8.1、一行多列的表格558.8.2、什么是数组，为什么要使用数组？558.8.3、定义数组558.8.4、为数组的每个元素赋值568.8.5、遍历数组元素568.9、复杂的算法578.10、函数628.10.1、系统函数628.10.2、自定义函数638.11、事件638.12、对象638.13、正则表达式638.14、面向对象638.15、综合案例63第九章 Jquery框架639.1、引入jquery函数库639.2、预加载函数639.

5、3、选择器639.3.1、id选择器639.3.2、类选择器649.3.3、标签选择器649.3.4、筛选649.3.5、含有649.3.6、子元素659.4、标签属性操作659.5、事件659.6、特效659.7、ajax659.8、综合案例65第十章 Ajax异步传输6510.1、什么是异步传输6510.2、ajax对象如何创建6610.3、ajax和服务器的交互6610.4、jquery的ajax67第十一章 WEB前端综合项目67前言内蒙古启讯教育咨询有限公司，主要从事软件研发，教育培训。软件研发主要研发PHP应用程序（家政派单系统，锡林海关及公安厅110报警系统，网页，自治区公安厅）

6、，微信接口（公众号），手机App（1.5万），教育培训，PHP程序设计（大专及以上），Java程序设计（本科）。学习目标:通过4个月的学习，掌握PHP后端技术及web前端技术的所有知识点，具体知识点包括软件界面和软件功能。学完这些知识点要达到什么程度，一、网站前端开发、二、项目开发、三、研发学习方法:认真听课（技巧）-及时复习-及时练习课程名称：PHP软件工程师 PHP是一门计算机语言，可以用来开发软件项目。 汉语是一门人类的语言，可以用来交流和写作。 类似：C语言、Java语言、basic语言等学习难度：中等难度课程模块：三个模块 1.软件界面:ps,html,css 家庭照片处理 （10天

7、） 2.界面特效:JavaScript （12天） 3.数据库处理:php （26天）一、微信公众号的盈利模式 hhht_lx 1、呼和浩特信息港，关注这个公众号。 2、客户群是谁，打算赚谁的钱。 3、定义一个大众化的公众号。 4、定义菜单及体验功能（技术，PHP编程语言） 6、盈利模式: 广告：腾讯、公司的 客户群：私密的 复制成功案例 淘宝：资金池，上市 非法集资二、互联网+下的创业计划 作业： 自己使用word文档书写一个微信公众号的创业计划书。三、云计算物联网下软件人才的需求 云计算：PHP，Java，网络工程，运维 物联网：电子商务，软件开发，软件开发语言，c,c+,java,php

8、,javascript,等四、软件行业的发展趋势 html5+javascript五、PHP软件开发课程第一章：UI形象识别系统1.1、VI图像元素 VI是形象识别系统。形象识别系统，如logo，宣传广告，企业文化，展板等图像元素。一个企业必须有VI元素，这些VI元素构成了企业的文化。VI的中图像元素的色彩都是特定的，企业在规划图像元素时，颜色大小材料等都是约定好的，将来不发生改变。VI需要注册商标。 1.2、UI识别系统 UI就是VI加上文字注释，构成的图文元素。目前的UI范围已经不仅限于图标了，任何的广告都可以称之为UI。 VI只是一个图形，在VI图形的基础上加上文字说明，就是UI。第二章

9、：常用的UI设计工具1.1、Photoshop Cs6设计工具 1.1.1、Photoshop工具的工作界面 1.1.1.1、功能界面介绍: PS按钮:右键操作包括移动，最大化，最小化，关闭，左键双击关闭，快捷键alt+空格键。 菜单:软件所有功能的导航，快捷键alt +字母；如文件(F)，激活可以使用alt+f，子菜单也可以使用快捷键，例如图像菜单中的图像大小，可以使用alt+i+i激活，注意alt一直按住，按一下i，双手同时松开，再按i松开。（注意:快捷键分为两种，一种是alt+菜单键+子菜单键，另外一种是自定义的快捷键，如果想修改快捷键，可以使用【编辑】-【键盘快捷键】） 属性工具栏：将

10、菜单中使用几率很高的菜单项存放到工具栏中。这个工具栏是辅助工具栏使用的。 画布：图像数据存放的区域。我们以后将所有的图像文件都将在这个画布中。 浮动面板:辅助属性工具栏使用的，主要完成照片的色彩调整。 状态栏：显示文件的相关信息1.1.1.2、软件的性能优化步骤：【编辑】-【首选项】-【性能】 内存分配：一般是内存容量的1/2最佳 硬盘虚拟空间：虚拟内存，暂存盘，设置的稍微大些。（在物理内存不够用的情况下使用虚拟内存，最好使用物理内存。）16G 内置存储器 磁盘 运行内存：1G1.1.1.3、历史记录步骤：【编辑】-【首选项】-【性能】 历史记录状态 1.1.2、启动及关闭PS软件1.1.2.

11、1、启动 启动软件有多种方法 第一种启动方式：快捷键方式，【桌面图标】-双击 第二种启动方式：命令（操作）第一步：找到ps软件的安装路径并复制 C:Program FilesAdobe Photoshop CS6Adobe Photoshop CS6第二步：我的电脑(计算机)-右键-属性-高级-环境变量-系统变量-Path-编辑- 输入”; C:Program FilesAdobe Photoshop CS6Adobe Photoshop CS6”，注意字符串前必须有分号隔开。第三步：将ps软件的启动程序修改为快捷键命令名称，如修改为ps.exe，注意扩展名保持不变。第四步：开始-运行(win

12、+r)-输入ps.exe或ps回车。环境变量：系统的命令一般是一个exe文件，这个exe文件可以存放在磁盘的任何位置，我们为客户提供统一的入口，在入口中输入的命令，系统如何才能正确找到应用程序呢，就是使用path变量来完成。用户输入的每个命令系统都会在path变量指定的路径中寻找。例如系统自带的path值为：PATH=C:WINDOWSsystem32;C:WINDOWS;C:WINDOWSSystem32Wbem;C:Program FilesMythwaree-Learning Class;C:Program FilesAdobe Photoshop CS6Adobe Photoshop

13、CS路径位置:C:WINDOWSsystem32; 系统第一次是在这个路径中查询C:WINDOWS; 系统第二次是在这个路径中查询以此类推1.1.2.2、关闭 点击关闭 ps按钮关闭（ 可以使用window系统的alt+f4 ）1.1.3、打开文件及文件格式1.1.3.1、打开文件 第一种：【文件】-【打开】或使用快捷键ctrl+o 第二种：拖拽图片到ps工作区 第三种：双击ps的工作区1.1.3.2、文件格式步骤：【文件】-【存储为web格式】-选择图片文件类型文件类型的区别：gif支持动画，图像分辨率低。支持压缩适合在网络上传输。jpeg可以使用脚本来实现支持动画，默认的jpeg图片是不支

14、持动画的。jpeg图片支持65536中颜色，所以说图片的颜色色彩很丰富的话我们建议大家使用jpg格式。jpg格式支持压缩。png是一种高清格式，无压缩。建议保持高清图时使用。web中使用图片最好是jpg格式，磁盘中存储相片最好使用png格式，如果只是保存简单的颜色可以使用gif。比较:gif：颜色体系少，建议在web中使用，压缩jpeg：颜色体系多，建议在web中使用，压缩 （国际通用图片格式）png：颜色体系多，不建议在web中使用，无压缩1.1.3.2、文件格式保存打开文件-另存为（选择保存的格式）打开文件-存储为web格式（支持gif动画格式，以这个方式保存的图像都具有压缩功能）打开文件

15、-编辑-存储为PSD格式（源文件格式，日后可以再次编辑）1.1.4、画布的使用1.1.4.1、什么是画布 画布相等于一张白纸，可以在画布中绘制任意的内容。1.1.4.2、如何创建画布 步骤：【文件】-【新建】1.1.4.3、画布的参数（重点）a、宽和高：单位使用px像素，厘米 单位:如果制作的图像要使用打印机打印并张贴在墙上，这时使用厘米作为单位。 如果制作的图像只是在互联网中使用，则选择像素作为单位。 像素是不分大小的：在相同的面积下像素点越多则图像越清晰。b、分辨率：分辨率越高图像的清晰度越高 户外广告：15-30之间 ，几米到几十米。 写真背板：120 300 之间，几厘米到几米。婚纱等

16、 书籍折页等：300+，A4纸等 名片：300+ web图像：72 计算机中使用的图像分辨率。 分辨率越大打印机越耗磨。c、 颜色模式 RGB颜色模式：互联网颜色，这种颜色体系只适合在计算机中显示。该模式下的颜色都是理想状态下的颜色。 CMYK颜色模式：打印机颜色。理想状态下的颜色打印机一般无法打印。通过ps软件和打印机相连，ps软件可以直接识别打印机的分辨率及颜色范围。d、背景内容 白色、背景色、透明 1.1.5、图层的使用我们打开的每个图像文件，这个图像文件是由很多色彩构成，色彩之间拥有独立的区域。可以将独立的区域分别存放在各自的图层中方便修改。1.1.5.1、分散图像到多个图层？ 第一步

17、：打开一副图片 第二步：双击背景图层解锁 第三步：使用选区工具选择图像并剪切 第四步：创建多个图层并粘贴 1.1.5.2、图层操作 a、创建图层 点击图层面板的正数第6个按钮完成创建图层 b、复制图层（备份、拷贝基础上进行修改） 拖拽要复制的图层到新建按钮上完成复制图层 c、删除图层拖拽要删除的图层到删除按钮上完成删除图层，如果误操作可以使用ctrl+alt+z组合键撤销删除。（注意：QQ），可以使用delete键实现快速删除。 d、移动图层 拖拽选中的图层上下移动，可以改变图像的垂直高度。 e、合并图层 将多个图层合并成一个图层 点击面板中的这个按钮1.1.6、常用的ps快捷键 a、面板全屏

18、/恢复：tab b、显示/隐藏右侧浮动面板：shift+tab c、打开文件：ctrl+o d、新建画布：ctrl+n e、画布缩小和放大：alt+空格+鼠标左键 缩小 / ctrl+空格+鼠标左键 放大 f、图像缩放变形等：ctrl+t 按完ctrl+t快捷键后全部松开 子快捷键:alt 中心点、ctrl 相邻边动、ctrl+alt 相邻边以中心动、ctrl+shift 相邻变等比例水平或垂直变形、ctrl+alt+shift 对称缩放、【ctrl+shift+alt】+t 旋转复制,不停的按t键 g、填充颜色：alt+delete 前景色 ctrl+delete 背景色 h、取消选区：ct

19、rl+d1.1.7、工具栏 1、选区工具（矩形选框工具）功能属性应用描边宽度、位置（内部，中间，外部）【编辑】-【描边】选择内容移动、复制、删除等选择内部的内容布尔新建、添加到选区、从选区减去、和选区相交羽化边缘虚化后设置羽化：shift+f6技巧选区和路径的关系。选区可以转换为路径进行编辑。路径-选区:ctrl+回车案例1、使用选区工具制作一个名片第一步：创建画布第二步：【窗口】-【图层】-创建一个新图层命名为“水平横条”并创建选区第三步、使用布尔，从选区中减去第四步、alt+delete 添加前景色,颜色#1343f4ctrl+d取消选择，使用文字工具输入内容，双击文字图层，alt+左/右

20、光标键,字间距调整第五步、点击【工具栏】中的多边形工具出现如下图所示的符号面板ctrl+enter-ctrl+d第六步、使用文字工具，输入下图所示的文字，并排版第七步：在百度中搜索“草料网”在线生成名片二维码，并将二维码合并到名片正面上。选择二维码拖拽到名片文件中点击【文件】-【另存为】2、套索工具（选区）功能属性操作描边宽度、位置（内部，中间，外部）【编辑】-【描边】内容移动、复制、删除等选择内部的内容布尔新建、添加到选区、从选区减去、和选区相交羽化边缘虚化子工具套索工具：任意的选区、多边形套索工具：多边形选区、磁性套索工具：抠图案例1、使用磁性套索工具实现抠图第一步：载入荷花图片【文件】-

21、【打开】第二步：使用磁性套索工具，绕着荷花边缘拖拽选区。第三步：反选选区（ctrl+shift+i）并删除除荷花的其它图像3、魔棒工具（选区）功能属性应用内容容差：容差越大，色彩范围越广选取相近的色彩布尔选区相似的颜色并将多个选区合并添加到选区子工具套索工具：魔棒工具、快速魔棒案例1、制作一个宝马商标草图。第一步：创建一个500*500的白色背景画布。第二步：创建宝马图层第三步：在该图层中绘制如下内容使用alt+delete键填充前景色。使用布尔相交完成如图所示的扇形选区。并创建一个新图层合并图形绘制矩形选区产生选区并描边选择多边形工具来绘制圆形路径，路径上是可以输入文字的4、裁切工具（重点-

22、软件UI界面切图）功能属性应用单个裁切比例裁切裁切工具批量裁切切片工具子工具裁切工具、切片工具技巧裁切之前先拖拽辅助线，辅助线具有吸附功能 快捷键ctrl+r 打开标尺4、修复画笔工具子工具功能操作修复画笔吸取图像区域的色彩后溶解到目标区域Alt+鼠标左键点击（吸取）修补工具目标区域、替换初始选区区域拖拽选区-移动选区红眼工具去除相片的红眼使用红眼工具点击污点修复工具将所选区域的颜色平均分布使用该工具拖拽区域5、画笔工具子工具功能操作画笔工具根据画笔的硬度，大小，笔形绘制内容直接拖拽普通属性1、 画笔大小：1px-5000px、快捷键：“”缩小 “” 放大2、 硬度：浓度、边缘虚化 0%硬度最

23、小-100%硬度最大3、 笔形：使用不同的笔形产生多种笔触（画笔属性可以设置）画笔属性1、 画笔的笔尖形状(全局)：选取笔尖形状、大小、翻转、角度、硬度、距离2、 形状动态：作业：使用所学的工具绘制一枚印章制作步骤：第一步：创建一个500*500的画布，背景色是透明的。第二步：拖拽水平和垂直辅助线，找到画布的中心点。第三步：选中选区（选中区域）工具、按住alt键拖拽圆形选区并描边10px的红色。第四步：选择多边形工具，按住alt键拖拽椭圆路径，并使用文字工具输入“内蒙古某某公司”。使用ctrl+t自由变换调整文字位置。第五步：使用多边形工具的绘制五角星，默认绘制的是路径，需要使用ctrl+回车

24、转为选区，再使用alt+delete填充红色。第六步：将所有的图层合并为一个图层，使用椭圆选区选中所有画布内容，点击菜单中的编辑菜单选中定义画笔预设。第七步：新建一个A4的画布，选中画笔工具并选中“印章”笔触。案例：使用所学的工具制作一个创意logo。6、仿制图章工具子工具功能操作仿制图章工具吸取源画布色彩到目标画布（没有溶解功能）选择仿制图章工具-按住alt键-单击鼠标左键完成吸取操作-在目标画布拖拽鼠标绘制图案图章工具直接将图案绘制在画布中选择图案图章工具-选择图案-绘制用途擦除图片的多余内容（图片水印，祛痘）案例一：使用仿制图章工具完成去痘效果。原始图 效果图第一步：选择仿制图章工具，按

25、住alt吸取相近的颜色，覆盖到痘痘上。 参数：画笔为15px，硬度为0，流量为35。第二步：不停的吸取新色彩，反复覆盖到痘痘上第三步：图层-调整-亮度和对比度案例二：擦除水印 原图 效果图步骤同上7、渐变工具子工具功能操作渐变工具颜色过渡点击渐变工具-点击属性工具栏中的颜色-双击色标修改色标颜色-拖拽油漆桶使用前景色填充画布或选区选择前景色-选择油漆桶工具-点击8、钢笔工具子工具功能操作钢笔工具绘制路径点击第一个点，再点击一个点，可以形成多个点连续线段，如果点击点的时候鼠标没有松开，则可以产生圆角。在钢笔工具的情况下:ctrl+alt调整路径。ctrl+回车键 将路径转换为选区。自由钢笔工具绘

26、制任意路径添加锚点工具在路径上添加锚点删除锚点工具删除指定的锚点转换点工具用途绘制任意路径、抠图9、文字工具子工具功能操作横排文字输入横排文字选择文字工具，点击插入光标并输入文字，也可以拖拽区域输入文字。alt+左光标或右光标，调整水平文字间距。对文字修改完后可以按ctrl+回车 确认直排文字输入直排文字选择文字工具，点击插入光标并输入文字，也可以拖拽区域输入文字。横排文字蒙版输入横排选区文字直排文字蒙版输入直排选区文字技巧将文字图层栅格化（图片文字）10、多变形工具子工具功能操作矩形绘制矩形路径圆角矩形工具绘制圆角矩形路径椭圆多边形直线自定义形状1.1.8、液化命令这个液化命令一般使用来对图

27、像进行任意变形（柔化），可以使用该工具完成图像变形，如婚纱摄影中的瘦身增肥等。1.1.9、滤镜滤镜就是特效1.1.10、动画【窗口】-时间轴-创建帧动画-复制帧-为每个帧设置要显示的图层第三章：网页美工3.1、企业网站美工示例网页的美工是分为：banner条：一个网站的头部，用来表示企业文化。menu导航栏：访问网站内容的入口，导航栏分为水平和垂直两类ppt幻灯片：网站中推广的主要内容放在这里（js代码）content主体内容：网站页面的主要内容link友情链接：外链、内链、交叉链接、等copyright版权信息：备案号蒙ICP备11004356号-44第四章：移动终端美工banner：手机顶

28、端，详细导航栏按钮content:内容区域、容纳常用的导航栏menu:主要分类导航栏第五章：综合美工案例通过美工决定项目报价：产品销售项目：1.PC端 前端：300元 * MenuN = 价格 300*11 = 3300 + 2500 + 3500 + 2000 = 11000元 后端：1500元 支付：1000元 购物模块：3500元 域名+空间:1999元2.移动端 wap:手机网页:5500元 app:手机应用程序（Android,IOS） 普通的新闻类app：8000元+ 交互性的：12000元+ im类：6万+ 商城App：8万-50万 （有赞商城二次开发） 一次性报价：12000第

29、六章 HTML网页设计6.1、html标签语言6.1.1、什么是html5HTML是用来完成网页中文字，图片等元素的布局的。html是网页的骨架。html中文全称叫超文本标记语言，严格来说不是一门编程语言，只是一门页面描述性语言，用来描述网页元素的布局信息。html标签语言中给我们提供了105个标签。 html超文本标记语言的语法6.1.2、文档结构 我们在桌面上创建一个网页文件，如index.html，使用记事本打开，输入文档结构代码进行调试。运行index.html网页文件，只需要双击文件即可。标签的说明：html标签：这是网页中最大的标签，表示html文档文件的开始和结束。head标签：

30、这个标签中的内容是不会输出到浏览器中的，一般用来实现html文件的头部控制信息。如标题标签就是旗下的子标签。meta标签:控制客户端的浏览器使用的编码，gb2312简体中文，gbk 扩展的简体中文、big5繁体中文编码（香港、繁体字），utf-8 多国语言不区分大小写title标签：网页的标题。body标签：网页的主体内容，页面中所有的图像、文字、音频、视频等都可以放在此标签中。注意：这个文档结构在一个网页中只能出现一次。6.1.3、html元素6.1.3.1、图像元素 属性说明： src = “路径” 这个属性是用来描述图像标签所引入的图像文件的路径，可以使绝对路径也可以是相对路径。 相对路

31、径：从当前网页文件出发去寻找目标文件。./ 表示当前文件位置 , / 子目录 ，./ 上级目录 ././上级的上级 绝对路径：d:imagesa.jpg 绝大部分浏览器不支持，测试地址： title = “提示” 鼠标滑到图像上后显示提示的文字 alt=”文字” 当图片加载失败的时候，图片区域会被文字替代。 id=”编号” 给图像标签起个id值，多个图像的id值不能重复 ，id值是方便js代码控制。 width=”宽度” 图像文件的宽，不是源文件的宽 height=”高度” 图像文件的高，不是源文件的高 onclick=”事件” 鼠标点击图像的时候触发的js代码（第八章讲解） style=”c

32、ss代码” 使用css代码修饰图像元素（第七章学习）6.1.3.2、音频及视频元素1、 淘汰属性说明：src=”路径” 视频文件的路径，如src=”video/a.wmv” 适合于wmv、flv、swf格式这个标签默认依赖系统的播放器，必须按照单机的播放器。2、这个标签是目前最新的视频标签，支持pc端和手机端，标签中自带播放器controls=”true” 是否让播放器具备进度控制这个标签是html5标签，必须是最新的浏览器才支持，=ie9,谷歌最新浏览器等src=”视频路径”3、插入音频controls = “true” 显示控件src=”a.mp3” 音频的路径PC端的网页代码如下想自适应

33、手机: 视频转换软件:现在的手机支持大部分视频格式,mp4,rmvb,rm,avi等（迅雷看看，暴风影音）塞班系统 诺基亚手机，“格式工厂”，“绘声绘影”朋友圈：微视频、微广告（新媒体）6.1.3.3、文字元素文字可以直接写在body标签中，也可以写在div或span标签中。文字可以写在任意的标签中。1、 这个标签的含义是划分区域，支持css修饰（95%的标签都支持css修饰） 这个div标签可以在浏览器的任意位置布局。将文字放到这个标签中，这个标签可以通过css进行定位，从而实现了文字的定位。具备宽和高是一个块级元素。div标签只能表示区域，但是本身不具备样式。div必须通过css进行修饰。

34、2、 这个标签的含义是环绕，支持css的修饰，缺点是不具备宽和高。使用span标签进行局部修饰。6.1.3.4、表单元素表单是用来收集客户信息的，客户可以使用表单和服务器产生交互性。1、input标签 含义是输入的意思 简写: 用法： text类型，文本框，可以输入明文的数据 password类型，密码框，可以输入隐藏的内容 file类型，文件域，上传文件 radio类型，单选，name属性值相同可以实现单选功能 checkbox类型，多选 hidden类型，隐藏域，用来获取隐藏的信息，如ip地址等 图像按钮，把图像当成按钮 （淘汰了） 普通按钮，支持自定义功能 提交按钮，可以将所在表单中的内

35、容提交到远程服务器上。 重置，将所在表单中的内容重置。 示例代码： 标签记忆法： 文本框： 密码框： 文件： 单选：男 女 多选：爬山 游泳 图像按钮： 提交按钮： 重置按钮： 普通按钮：2、textarea标签 文本区域：默认值3、select标签 选项名称注意：选项名称只起到显示功能，真正提交到服务器上值为选项的值。select 词汇，挑选，选择 option 选项4、form标签 我们所学的表单元素都需要放到该标签中，只有存放在该标签中的标签元素的值才可以提交给服务器。提交按钮只会提交本表单的数据。例如： /这个文本框不会被提交给服务器，原因是不在form中。说明：当我们点击注册按钮是，

36、注册按钮所处的表单元素会被提交给服务器。6.1.3.5、字段集 目前学员状态 张三 李四 王五 赵六 张三 李四 王五 赵六 张三 李四 王五 赵六 张三 李四 王五 赵六 张三 李四 王五 赵六 张三 李四 王五 赵六 张三 李四 王五 赵六 张三 李四 王五 赵六6.1.3.6、淘汰了的标签换行、水平横线、删除线、下滑线、上标、下标、大于、小于、版权、加粗、斜体、字体、>、<、©、等6.1.3.7、超链接链接文字例如：百度 点击百度文字跳转到百度官网target = “_blank” 在新窗口打开target=”_sleft” 在自身的窗口打开target =”_parent”target = “_top”;target=”_search”;6.1.3.8、嵌入iframe id=”编号” name