爱淘课学习笔记
1、 html头部标记 （1) 网页标题标记〈title〉 </title〉； (2） meta标记 meta叫做元信息标记,这个元素提供的信息不显示在页面中，一般用来定义页面的关键字、页面说明、刷新等。meta标记不需要结束标记，一个尖括号内就是一个meta内容，在一个html页面中可以有多个meta。 meta元素的属性有两个:分别是name和http—equiv. name-—设置网页的关键字和描述信息等； 设置关键字：如： <meta name=”keywords” content=”百度贴吧" > 设置描述信息，如：<meta name=”description” content="这是描述信息” /〉 其他的，还可以设置网页作者,如：〈meta name=”author” content=”周杰伦" / 〉 http-equiv——定义网页语言的属性,当访客浏览你的网页时，浏览器会自动识别并设置网页中的语言； 设置语言：<meta http—equiv=”content-type” content=”text/html” charset=”GB2312” /> (前半部分需要记忆，只需要更改charset的属性值就可以了，可以更改为中文、日文、英文等)。 设置网页在指定时间自动跳转: 〈meta http—equiv=”refresh” content="5;url=www。baidu” / 〉即网页打开5秒钟之后，自动跳转到百度页面上。 2、 body标签 （1） body标签的属性 ①设置网页背景或网页背景图 body标签中用bgcolor来定义网页的背景颜，属性值为16进制的颜值。直接写在body标签的尖括号里即可。 如：<body bgcolor="＃FF00FF”> body标签中用background属性来定义网页的背景图，如：<body background=”1.jpg”〉 （建议图片地址使用相对路径) ②设置文字的颜—-通过body标签的text属性 如:<body text="＃FFFF00”> 我们可爱的学校〈/body〉 预览网页，可发现字体的变化。 ③设置超级链接中文字的颜 超链接中未访问的文字的颜默认为蓝，访问过之后为暗红。 超链接有三种状态：未访问，正在访问，已经访问。对应的属性值分别为link,alink,vlike。 如〈body link=”＃50A625”> 〈a href=”www.baidu”> </body〉 此时浏览网页，未访问过的超链接的颜为绿； alink和vlink的用法和link类似。 当然在body标签里还可以设置页面与浏览器边框的距离，包括上边距和左边距,上边距的属性为topmargin，左边距的属性为leftmargin，在默认的情况下，边距的值以像素为单位,也就是说，这两个属性直接指定整数值即可. 3、 绝对路径和相对路径 我们以调用图片作为背景图片来讲解相对路径的写法。 若图片与html网页文件在同一个文件夹里，则表示为〈boby background=”1，jpg”〉 ； 若图片在和html同级的pic文件夹里，则表示为〈body background=”pic/1。jpg”〉 ； 若图片在pic文件夹里,而html网页文件在和pic文件夹同级的web文件夹里，即仍然以html网页文件为坐标来寻图片，但是需要返回到上一级，在html语言中，上一级的地址写法为“。./”，有几个上级目录，就写几个“点点斜杠”，所以表示为 <body background=”../pic/1。jpg”〉 4、设置标题文字 标题字标记一共6个级别,h1到h6，其中h1代表最高级别，即标题文字的字体最大，h6是最低级别,代表标题文字的字体最小. 在boby标签中添加h1标签即可设置h1的标题文字。 如：<body> <h1〉这是h1标题</h1〉 <h2〉这是h2标题</h2〉 〈h3>这是h3标题〈/h3> <h4>这是h4标题〈/h4> </body> 此时可以浏览网页，可看到各级标题文字大小不同，这时的标题文字都是靠左排列的，那么在标题标签中有align属性,有三个属性值：left、center、right,可以调整标题的显示位置。如：〈h1 align=”center”>这是h1标题</h1> 5、 文本样式基本标记 〈font〉标记用来控制字体、字号、文字颜等属性，是html中最基本的标记之一,掌握好font标记,是控制好网页文本样式的基础。格式为 〈font>文本内容</font〉 font标签中的face属性-—可以设置不同的文字，设置的字体效果只有在浏览器中安装相应字体后才可以正确显示出来，否则有些特殊的字体可能被普通的字体所代替。因此在网页设计时应该尽量少使用特殊字体。 face属性的属性值为字体样式名称，如“宋体”、“黑体"等。 如：〈font face=”黑体”>文本内容</font〉 font标签中的size属性-—设置文字的字号。写法非常简单，只要给font标签增加一个size属性即可。size的属性值有两种：从1到7的整数，代表字体大小的绝对字号;从update可以用来更新数据表-4到+4的整数，则是字体相对于3号字体大小的放大和缩小字号。 font标签中的color属性--设置字体的颜，属性值仍然为用16进制表示的颜值. 因为html中的标签可以嵌套使用，所以通过把font标签嵌套在h1等标题标签中就可以设置标题文字的属性。 6、 文本格式化的标记 在html中，有一些文本格式化的标签用来设置文本以特殊形式显示，比如粗体、下划线、文字的上下标等等。 （1) 粗体标记 格式：输入一对b标签,即<b>显示内容</b〉，则b标签中的文字就会以粗体显示。 （2） 斜体标记 格式:〈i〉显示内容〈/i〉，可以嵌套使用，如：〈b> <i〉显示内容〈/i> 〈/b〉 （3）下划线标记 格式:<u〉显示内容</u〉 （4) sup标签—-上标标签（下边标签sub的使用方法类似） 可以成对出现在一段文字的任意地方，并且可以嵌套使用,如果在一对sup标签里嵌套使用sup标签，则里面的sup标签会变成上标的上标。 如输入：a^2+b^2=（a+b)^2—2ab 格式为:a<sup>2</sup>+b〈sup〉2〈/sup〉=(a+b) 〈sup>2</sup>-2ab （上标标签常在数学公式中使用，下标标签在化学公式中常用） (5) big标签-—放大标签（缩小标签small的用法和big标签类似） 增大文本中的字号,所包含的文字都会在原来的字号上增加一级,如果有多个big标签作用于同一个文本,那么字号会被逐级放大. 如在有些文章的开头会把第一个字放大显示，以“这样的故事”为例，把“这”字放大3级显示,则表示为：<big〉 <big〉 <big>这〈/big〉 〈/big〉 </big〉样的故事。 7、 文本段落格式的标记 （1) 段落标记〈p〉 表示段落的开始，没有结束标记，所以也表示段落的结束. Ppcdmis编程语句标签有一个简单的属性即align属性，有两个属性值：right、center。 （2) 换行标记〈br> 在不另起一段的前提下，将当前文本强制换行。只要在准备换行的位置加入〈br〉即可。 （3) 禁止自动换行标记〈nobr> 在网页中若某一行的文本过长，浏览器会自动进行换行处理,如果不想换行，可以在这段文字的末尾使用nobr标记。 (4） 水平线标记<hr〉 格式:〈hr /〉 没有结束标记 hr标签的常用属性，分别是： width属性——设置水平线的长度（属性值可以是像素值，也可以是窗口的百分比）； size属性——设置水平线的宽度（属性值只能为像素，直接写数值，不用加单位）； color属性——设置水平线的颜; align属性-—设置水平线的对齐方式； noshade属性-—取消水平线的阴影（此属性没有值，只要在hr标签中添加此属性，则水平线就可以取消阴影了）； 8、 插入特殊符号 一般情况下,特殊符号由“前缀＆和字母名称和后缀；”组成,想在哪里插入特殊符号，就在那个位置输入特殊符号的代码就可以了。 （1） 插入空格标记—— （注意要加分号） 要输入多个空格,可以添加多个“＆nbsp;”。 (2） 其他常用特殊符号及其代码见下表：
（商标符号TM是trademark的缩写，只代表上标符号，不一定注册） 网页中的图片 （1） 支持的图片格式:gifjson文件怎么生成的、jpeg、png。（其中png有些浏览器不支持,所以常用前两种) gif格式的简介：使用256种颜，常用于显示调不连续或具有大面积单一颜的图像，如：网页的导航条、按钮、图标等。 优点：①可以制作动态图像 ②以交错的方式将图像呈现出来：交错显示，即图像还没有下载完成时，浏览器先以马赛克的形式将图像显示出来，使浏览者能够看到图像的大致轮廓。 png格式：属于无损压缩，具有gif的大部分优点，能够交错显示，支持透明图。 （2） 在网页中插入图像，使用img标签，只有开始标签，没有结束标签 Img标签的常用属性 ①src属性——设置图像的位置 Img标签通过src属性来制定图像的位置，格式为：<img src=”1.jpg”> 【注】：图像的地址可以用相对路径，还可以用网址作为绝对路径。 ②alt属性——设置图像提示文字 作用一：描述和说明图像，当网页中的图像下载完成，鼠标放在图像上时，我们就可以看到alt属性中的提示文字。 作用二：若图像没有被下载成功，在显示图像的位置上就会出现提示文字。 ③height和width属性——设置图像的高度和宽度、 属性值都是像素值,直接输入整数即可. 【注】：在制作网页时，建议需要多大的图片就设计多大的图片,尽量不要调整其高度和宽度，以免显示失真。 ④border属性-—设置图像边框的宽度 属性值是像素值,只能够改变图像边框的宽度，但是不能改变其颜,默认的颜是黑. ⑤vspace属性-—设置图像的垂直边距 图像的垂直边距：图片上方和下方距离文字或其他元素的距离。 【注】：常用于图像和文字混合排版的网页. 例如:一个网页中包含有一段文字和一张图片，若图片包围在文字中，默认的图片被紧紧的包围，通过vspace属性就可以设置图像的上方和下方与文字的距离。 Vspace的属性值也是像素. ⑥hspace属性—-设置图像的水平属性 图像的水平属性:图像在水平方向上距离文字或其他元素的距离。 ⑦align属性——设置图像和文字的对齐方式 Align属性常用的属性值有以下几个： bottom：表示图像的底部和当前行的文字底部对齐； top：表示图像的顶端和当前行文字的顶端对齐; middle：表示图片水平中线和当前行文字的中线对齐； left:表示图片左对齐,文字在图片右侧排列； right：表示图片右对齐，文字在图片左侧排列. 【注】：当图像设置了垂直边距时,浏览器就认为图片的真正高度是“图像的高度加上所设置的垂直边距”,所以在浏览图片时，如果同时设置了这两个属性，会看起来像没有对齐一样。 ⑧给图片添加超链接-—图片标签没有添加超链接的功能，只能用超链接标签〈a>,使用嵌套便签的方式，把图像标签嵌套在超链接标签中，即在图像标签的前端和后端分别添加一对〈a〉 </a〉. 如：〈a href=”baidu。com” > <img src=”1。jpg"〉 </a〉 列表的作用 （1) 常用的列表种类：有序列表、无序列表和定义列表。 ①无序列表：这种列表没有顺序,只是以符号作为分项标识。 分项符号有三种：实心圆点符号、空心圆环符号、实心正方形符号。 ②有序列表：在列表中将每个列表项按数字或字母的顺序序号排列,一般用于需要按顺序排列的内容.如展示教程的列表。 项目符号有5种：数字、小写字母、大写字母、小写罗马字母、大写罗马字母. ③定义列表：由定义条件和定义描述两部分构成。 这种列表一般用于在网页中显示需要解释的名词。(不常用) ④菜单列表：显示效果和无序列表相同。 （2） 有序列表 【注】：列表标签与其他标签的不同：列表标签需要嵌套使用。 ① <ol> </ol〉标签是有序列表的父标签，<li〉 〈/li〉标签是子标签。 li标签内部的文字就是列表项文字，一个列表有多少个列表项，就在父标签ol中添加多少个子标签li。 如：我们用有序标签列出早上四节课的内容 星期一早上的四节课 <ol〉 〈li〉数学课</li> 〈li〉英语课〈/li> <li>语文课</li〉 <li〉体育课〈/li> </ol〉 编辑后浏览页面，会自动显示出项目符号。 ②有序列表标签的两个常用属性 type属性：共有5个属性值：数字、小写字母、大写字母、小写罗马字母、大写罗马字母。 默认的属性值是数字. Start属性：起始数值属性,可以设置列表的起始值. （3) 无序列表 和有序列表很相似，只是父标签为〈ul〉 〈/ul>，子标签与有序列表的子标签相同. 只有一个type属性，默认值是实心圆点。 目录列表——父标签是<dir〉 〈/dir〉，子标签依然是〈li〉 </li〉. 菜单列表-—父标签是<menu〉 </menu> 【注】：目录列表和菜单列表不仅显示效果与无序列表相同，并且功能也相同,所以都可以用无序列表来实现,所以这两个列表了解即可。 （4) html个人网页完整代码顺序定义列表—-用来在网页中显示专有名词。 由三部分组成,以实例来讲解： 这是一个定义列表 〈dl〉 <dt> 爱淘课 〈dd〉一个专门开发电脑视频教程的团队〈/dd> </dt> </dl〉 【注】：最外边的是dl标签是父标签,表示这是一个定义列表；dt标签中的内容就是专有名词，dd标签中的内容就是对专有名词的解释。 表格的使用 1、 表格的作用 表格的基本构成有三个标签：table标签、tr行标签、td单元格标签. 表格有几行,就需要在〈table> </table>中输入几对tr标签，在tr标签中插入的td标签的对数，就是这一行中包含的单元格的数目。 【注】：表格一般是用来布局网页的，所以默认的表格不显示边框的，可以通过table标签的border属性来定义表格边框的宽度。 （1） caption标签——表格的标题标签,格式为〈caption> 〈/caption> 表格的标题一般位于表格的第一行，一个表格只能含有一个标题。 使用方法:在table标签的开始标签〈table〉下面输入一对<caption> </caption>标签,在capition中输入标题文字即可。 表头：在我们工作的时候，会遇到类似工资单和成绩单这样的表格,都希望第一行的文字(如姓名）会突出显示，我们把第一行的文字称为表头。 表头标签用<th〉 </th>表示，就会着重显示。 （2） 表格的几个常用属性（针对table标签） ① width属性--设置表格的宽度; ② height属性-—设置表格的高度； ③ align属性-—设置表格的对齐方式（即表格在页面中的对齐方式，而不是文字在单元 格中的对齐方式) ④ bordercolor属性-—设置表格的边框颜,属性值为16进制的颜值； ⑤ cellspacing属性-—设置单元格之间的边距，属性值为像素; ⑥ cellpadding属性——设置单元格内容与单元格边框的距离,不要设置太大，以免表格走 形; ⑦ bgcolor属性——设置表格的背景; ⑧ background属性—-设置表格的背景图片，属性值为图片的路径。 （3） 表格的行属性（针对tr标签） ① align属性——设置文字的水平对齐方式； ② valign属性-—设置文字的垂直对齐方式； ③ height属性——设置行高度; ④ bordercolor属性——设置行边框的颜； ⑤ 行标签的bgcolor属性和background属性和表格标签的类似，但是行标签的这两种属性会覆盖已经设置好的表格标签的属性。即距离目标元素最近的标签属性起作用. 2、 单元格的属性 （1） 宽度和高度属性与表格相同，都是 width喝height; 【注】：默认的情况下，若不设置单元格的高度和宽度，单元格就会根据内容自动调整； 如果某一行内的一个单元格设置了高度,那么这一行的其他单元格也会随着这个设置的高度而变化。 （2） colspan属性——单元格标签的水平跨度属性 在我们设计表格的时候，有时候需要让一个单元格横跨2个单元格的宽度，这时候如果只调节此单元格的width属性，那么与这个单元格同列的其他单元格也会随之调整，永远使这个单元格只占有一个单元格跨度。 所以就需要设置colspan属性，属性值是整数，就是单元格要水平横跨的列数。 （3） rowspan属性——垂直跨度属性 与colspan作用类似，只不过此属性是控制单元格在垂直方向上的跨度。 【注】：使用垂直跨度属性时，需要注意此行是否是表格的最后一行，如果是最后一行，那么垂直跨度属性是不起作用的，因为垂直跨度属性计算跨度是从这一行开始。 (4) 水平对齐方式和垂直对齐方式属性align和valign 使用方法和行标签相同。 （5） 背景颜属性bgcolor，背景图案属性bacgground 用法与行标签的相同。 （6） 边框颜属性bordercolor 【注】：tr行标签的边框颜属性是设置这一行内所有单元格的颜,有时候需要单独设置某一个单元格的颜,就需要使用td单元格标签的背景颜属性。 （7） boedercolorlight属性-—亮边框属性 可以把单元格设置成有点突出的感觉. （8） bordercolorblack属性——暗边框属性 可以把单元格设置成有点凹陷的感觉 超链接的使用 (1） 超链接从使用形式上分为:外部超链接、内部超链接、下载链接、链接、锚点链接等。 （2） 外部超链接 即连接到其他网站，而不是网站内部的某个页面。一般用于网站的友情链接页面。 格式为：<a href=“http：//www.baidu”>百度一下</a〉 （3) 内部超链接java从入门到精通免费下载 如:<a href="index。html”> 返回主页面</a〉 【注】:与外部超链接不同，这里的地址是相对地址。 （4） 超链接标签的target属性——控制目标窗口的打开方式 有四个属性值，我们暂时记住常用的两个，即-self和-blank. —self:在当前页面中打开超链接，是默认的属性值； -blank：在新页面中打开超链接。 (5）锚点链接-—可以使页面跳到指定位置； ①在当前页面建立锚点,在当前页面创建锚点连接 比如：我们要在一个介绍书本的网页中方便使浏览者可以方便跳到书本的第二章。 使用方法：步骤一：设置name属性，建立锚点 在指定位置（本例中就是网页中介绍书本第二章的起始位置）输入一对超链接标签，并设置一个name属性，如：〈a name=2> </a>。 Name属性——属性值就是锚点的名称,名称可以是数字或英文，或两者混合，英文最好区分大小写。 同一个网页中可以有多个锚点，但锚点的名字不能相同。 步骤二：建立锚点链接 在网页的开始部分输入一对超链接标签：〈a href=”＃2"〉跳转至第二章〈/a> 【注】：锚点链接与其他链接稍有不同,href的属性值为：#加上锚点名称。 ② 在其他页面建立锚点,在当前页面创建锚点连接 步骤相同,不同的是在建立锚点链接时，需要把href的属性值改为：网页名称加＃加锚点名称。 如：〈a href=”index.html＃2”>跳转至第二章</a〉 （6）用超链接下载文件 在网页的同级目录中，放入需要下载的文件，如一张图片，1。jpg; 在网页中添加超链接标签：<a href=”1.jpg”〉下载图片〈/a〉 ; 【注】：href后边的属性值可以是相对路径，也可以是绝对路径。 浏览网页，点击下载图片，即可下载。 设置滚动效果 compareto方法bigdecimal （1)设置滚动文字的标签——marquee标签 如:〈marquee〉这是一段滚动的文字〈/marquee〉 【注】:marquee标签不仅能够移动文字，还可以移动图片、表格等. 如移动和网页在同级目录下的图片1.jpg 的代码为： 〈marquee>〈img src=”1。jpg”> </marquee〉 ①marquee标签的direction属性——控制滚动方向的属性 有四个值：up：向上滚动；down：向下滚动；left:向左滚动;right：向右滚动。 ②behavior属性——设置滚动方式的属性 有三个属性值:scroll——循环滚动，是默认的属性值; slide-—只滚动一次就停止； alternate——来回交替滚动; ③ 设置滚动速度 scrollamount属性和scrolldelay属性都可以控制滚动速度； scrollamount属性—-通过设置每次滚动时移动的长度来控制移动的速度，属性值为的单位是像素,如scrollamount=“3"； scrolldelay属性——属性延迟属性，设置滚动的时间间隔，属性值的单位是毫秒， 如scrolldelay=“200",若设置的数值比较大，会产生走走停停的效果。 ④loop属性—-设置滚动次数 默认情况下,滚动会不断的循环下次，如果希望滚动几次后停止，可以通过loop属性控制滚动次数，如：loop=”5"； ⑤ 滚动范围属性 默认情况下，水平滚动的文字背景与文字通告、与浏览器窗口同宽。 如果想控制滚动范围,就需要设置width和height属性，单位均为像素。 一般水平滚动，只需要设置width属性;垂直滚动设置height属性。 在网页中插入多媒体文件 （1）embed标签-—添加多媒体文件的标签 <embed〉 〈/embed〉 有两个属性： ① src属性——指定所添加的多媒体文件的地址 ② 高度和宽度属性——即width和height属性 如:插入flash动画 〈embed src=”1。flash” width=”200” height="100”〉 〈/embed> 插入mp3文件 〈embed src=”1。mp3” width="200” height=”100"〉 </embed〉 【注】：用这种方法插入音乐，网页中会有一个媒体播放器,如果只想音乐，而不想出现音乐播放器，那就可以使用bgsound标签.这个标签是专门用来给网页添加背景音乐的。 bgsound标签有两个属性：src属性--指定音乐文件的地址； loop属性—-指定音乐文件的播放次数，若不设定,默认为循环播放。 框架的使用 1、 框架的作用 （1） 初识框架 ① 使用框架结构的网页的特点:在一个浏览器窗口中同时显示多个网页或多个文档。 利用这个特点,框架页面多用于网站导航和多页文档浏览中。 ② 认识框架结构的页面 建立三个文件，分别是:index.html，top.html,foot。html。 index。html—-框架文件,因为在这个文件中只是定义了打开这个页面后应该把浏览器窗口分为几个窗口.在这个例子中，我们把index.html文件定义为上下结构的框架，上面的框架用来显示top.html，下面的结构显示foot.html。 即在index.html文件中，只是定义了框架的布局、框架的数目、大小等信息，而在框架内显示的信息是在其他的网页中设置的。 ③ 如何建立框架结构 第一：建立html文件:如index.htm,daohang。html，head。html，foot.html; 第二：定义框架结构； 基本结构:<frameset〉 <frame/> 〈/frameset> frameset标签——框架集标签，有些类似于表格中的table标签，需要嵌套一个 子标签才能使用； 【注】：frameset标签与其他标签不同，不是定义在<head> 〈/head>之间，或者<body> </body>之间,而是定义在〈/head> <body〉之间。 frame标签——在table标签中，一个tr标签代表一个行标签，而在frameset标签中，一个frame标签代表一个框架窗口。 ④通过属性设置框架的显示方式 frameset的属性： rows属性——设置水平分割窗口，将页面水平方向切割，属性值是每个框架窗口的高度，可以是像素值，也可以是窗口的百分比。 如：〈frameset rows=”40% , 60%”> cols属性-—设置垂直分割窗口，将页面在垂直方向上分割，属性值是每个框架窗口的宽度，可以是像素值，也可以是窗口的百分比. frame的属性: src属性——设置了frameset的属性，只是定义好了框架，框架中还没有内容， 还必须定义frame标签的src属性，才能在框架中显示内容，如 <frame src=”1。html" /〉. 以③中的例子来建立水平分割窗口的框架: 〈frameset rows=“10%，30%,60％”〉 <frame src=”daohang。html” /〉 〈frame src=”head.html” /〉 〈frame src="foot.html” /〉 〈/frameset〉 （若要建立垂直分割的窗口，只需要把rows改为cols即可） （2） frameset框架集标签的常用属性 ① frameborder属性——框架集边框属性,有两个属性值:yes表示显示这个边框，也是 frameset属性默认的属性值，no表示不显示边框. ② framespacing属性——设置框架边框的宽度，属性值的单位是像素. ③ bordercolor属性——设置边框颜. （3） frame子框架标签的常用属性 src属性——前边已经介绍过，指定在框架中显示的页面的路径; noresize属性——在浏览网页时,边框是可以被随意拉动的，若想使框架的边框固定,需要添加noresize属性,无属性值。 scrolling属性——当页面内容长度超过浏览器窗口的长度时，会出现滚动条，可以根据需要用此属性来控制滚动条，有三个属性值:yes表示显示滚动条，no表示隐藏滚动条，auto表示根据具体的内容来决定是否出现滚动条， 是默认的属性值. name属性——子框架名称属性，用来实现框架之间的链接,如点击左侧框架的超级链接，在右侧的框架内显示相应的页面。 使用方法：如有三个文件:index.html，left。html，right.html。 想要实现左侧页面内的链接控制右侧页面的效果。 需要在index。html中的右侧frame子框架中为右侧的子框架命名， 如<frame src=”right。html” name=”rr”〉 (名字只要不包括连字符、特殊字符、空格即可）。 打开左侧的left。html文件,在左侧的超链接中为每个超链接都添加target属性，属性值为之前所设置的名字，即：target=“rr”。 (4）浮动框架 iframe 浮动框架：一种比较特殊的框架,可以在浏览器窗口中嵌套一个子框架窗口，这个嵌套的子框架窗口的高度和宽度完全由使用者自定，而且可以放置在网页中的任何一个位置。 标签：<iframe /〉 （没有结束标记） 常用属性： src属性：指定浮动框架显示的网页路径，即浮动框架的默认显示网页； name属性：设置浮动框架的名称； width和height属性：设置浮动框架的高度和宽度; frameborder：设置浮动框架是是否显示边框，属性值为yes和no. scrolling属性：控制框架滚动条。 用法:如有 index.html 1.html 2.html 3.html 四个网页文件； 现在要实现如下内容，在index。html文件中有如下的表格：
点击第一课，会在表格的第二行中打开1.html中的内容，打开第二课会在相同位置打开2。html中的响应内容,第三课相似。 只需要一句代码：〈iframe src＝"1。html” name＝"rr” width＝50 height＝200 frameborder＝no/> 然后把index.html文件中的链接中的target属性值都改为rr，即浮动框架的name值。 src属性设置的是打开网页时默认显示的浮动框架中的内容。 表单标签 表单标签 表单:页面上文本输入框,下拉菜单之类的都叫做表单元素。表单的用途很多，特别是制作动态网页时常常会用到。 动态网页：指的是具有交互功能的网页,比如,用表单来收集用户的相关信息，只要用户提交信息，我们就可以把用户信息保存到服务器上，具有和用户交互操作的功能,这才叫动态网页。 表单标签：<form〉.。..。..</form> 网页中，form标记用来创建一个表单,也就是定义表单的开始位置和结束位置。它是一个容器，用来包含其他表单元素，比如文本框，文件域,多选框，单选框等等.而且表单元素也必须放在form标签内才有作用。 〈input>-表单元素标签 用来定义表单元素的标签. 例如<input type=”指定插入哪种表单元素”（参数有 text—文本框； password=密码框（输入以*号代替) radio—单选按钮（value属性用来设置单选按钮被选择时所代表的值;checked（无属性值，表示此按钮为默认选择）name属性—很多时候，可能在一个表单中有多组单选按钮，单选按钮就是用name这个属性来区分自己是属于哪个组的） checkbox-复选按钮 hidden—隐藏域（用户在提交表单的时候,我们想通过表单传送一些数据到服务器，但这个数据对用户来说是不可见的，这个时候就可以考虑用隐藏域来传送这样的数据.使用隐藏域提交的数据不会被显示在浏览器中 value=传送的数据） file-文件域(用来上传文件size，name) submit-提交按钮（name：可随意指定，用来标识按钮名称的属性。value=我要提交） reset—重置按钮 image-按钮图片（name=im src=i.gif(图片位置））） size="定义文本框在页面的长度,以字符为单位" value="文本框默认显示值” maxlength=”文本框中最多可以输入的字符数量”〉 例如： 请输入姓名：<input type="text" size=”23" value=”zhangsan”maxlength="23”> 请输入密码：〈input type=”password"size=”23" value=”zhangsan”maxlength=”23”> 请输入性别：〈input name=sex type=radio value=男性 checked〉男 〈input name=sex type=radio value=女性 >女 请输入爱好：〈input name=yy type=checkbox value=游泳 checked〉游泳 <input name=kdy type=checkbox value=看电影 〉玩游戏 菜单，列表〈select〉<option〉-主要功能是用来选择多个答案中的一种，使用菜单和列表能很好的节约空间.菜单和列表都是通过select和option标记来实现的. 〈select>〈option value=设置菜单项之后提交到服务器菜单值 selected-设置为默认〉一对option代表一个菜单项〈/option〉〈/select>（列表只需在select中添加multiple即可，size=列表项显示项目的数量）属性：name：用来指定下拉菜单名称，以便表单提交到服务器的时候取值. 文本域〈textarea〉〈/textarea〉 属性:name=text cols=文本域的宽度，以列为单位。 rows=文本域高度，以行为单位。 例如： 请选择学历：〈select name=itaok〉 <option value=大学〉大学</option〉 <option value=小学 selected〉小学</option> </select> 请选择学历:<select name=itaoke multiple size=2> 〈option value=大学〉大学〈/option> <option value=小学 selected>小学〈/option〉 </select〉 请您留言： 〈textarea name=text cole=33 rows=33〉〈/textarea> 重要属性： （1)action=”表单处理程序地址”（用来指定表单数据提交到哪个地址进行处理，也就是表单中收集到的资料将要传递到的程序地址） （2）name="form1"（给表单命名,name属性不是表单的必要属性，但有时候，一个页面上可能要存在多个表单，在提交表单的时候如果不用name属性来区分表单，那么很有可能造成后台程序取值错误 （3）method="”（定义表单的数据用什么方式提交到服务器，有两个参数值,get-这种方式是将表单所收集的数据追加到请求页面的URL地址中，也就是在浏览器的地址中，比如www.itaok。net?username=itaok 这种形式，问号后面的就是表单收集的数据,这种方式传递有限数据，而且不安全。get适合传送数据量小，安全系数低的数据；post-我们常用的方式,post方式将所有的信息封装在HTTP请求中，是一种可以传递大量数据，而且比较安全的传递方式） 例如〈form action="表单处理程序地址” name="form1” method=”post”> | |||||||||||||||||||||||||||
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论