HTML中所用的标签(二)

      在HTML中制作表格,首先需要在<body></body>中加入<table></table>,其中可以设置它的属性:“width”表格宽度,“border”设置边框,“cellspacing”单元格的边距,“cellpsdding”设置单元格之间的间距。

      在<table></table>之间加上<tr></tr>代表行,加了几个<tr></tr>代表表格有多少行;

在行中间加上<td></td>,表示添加的单元格,同样添加了几个<td></td>就代表这个本行内有多少个单元格,在<td></td>中间加上文字,就可以在表格的单元格内显示出来输入的文字,<td>的属性有:

      “width”单元格的宽度;“align”单元格的水平对其方式,其中输入left代表左对齐,right右对齐,center为居中对齐;

      “height”代表单元格的高度;“valign”是垂直对其方式,top表示文字靠近表格的上边,bottom为文字靠近表格的下边,middle表示文字垂直居中;

      “bgcolor”可以设置表格的背景色;

      “colspan”可以合并同一列的单元格,“rowspan”合并同一行的单元格,输入数字即可代表合并的格数。

      表格上端加上<th>,它相当于<td>,一般用它来做表格的标题,并且会自动加粗并居中;如果在表格最前方加上<tbody>即可表示为表格主体,即便没有放在<body>中也可以显示。

而制作一个表单需要用到<form></form>,它可以加入的属性有:

      “action”将信息提交到(某个网址);

      “method”为提交方式分为get和post两种,其中get可以看见提交的信息,不过它会有长度限制,post为隐藏提交的信息;

      “enctype”为提交数据,不过一般不常用到这个。

      表单内加入的内容一般分为文本类,按钮类和选择类三大项。

      文本类:1.<input type="text" />为单行文本框,框内可以输入任何文字,不过不能换行,其中可输入的属性有:“name”文本框的名字;“value”文本框的值,输入后会在页面显                             示,可以更改。

                    2.<input type="password" />表示密码框,它显示的内容全部会用“●”显示,它所使用的属性同样是:“name”密码框的名字;“value”密码框的值。

                    3.<input type="hidden" />为隐藏域,使用后在网页内看不见,它的属性为:“name”隐藏域的名字;“value”隐藏域的值。

                    4.<textarea></textarea>文本域,它可以出现多行可输入的区域,可以进行换行,属性有:“name”文本域的名字;“value”文本域的值;rows文本域有的行数。

      按钮类:1.<input type="button" />为普通按钮,可以点击,但是没有任何效果,它的属性为:“name”按钮的名字;“value”按钮内显示的文字。

                    2.<input type="submit" />这个是提交按钮,它可以把输入的信息进行提交操作,它的属性为:“name”按钮的名字;“value”按钮内显示的文字。

                    3.<input type="image" />这是一个图片按钮,把按钮设置成一个图片,同样可以进行提交操作,属性为:“name”按钮的名字;“src”图片的来源,后面可以加                                          上“width”和“heigh”来设置图片的大小。

                    4.<input type="reset" />重置按钮,可以把输入过的文字或选择过的按钮全部重置,属性同样为:“name”按钮的名字;“value”按钮内显示的文字。

      选择类:1.<input type="radio" />单选按钮,同一个name属性内只能选择一个选项,属性为:“name”按钮的名字和组名;“value”按钮的值。

                    2.<input type=“checkbox" />为复选框,同一个name属性内可以选择多个选项,属性为:“name”复选框的名字和组名;“value”复选框的值。

                    3.<select></select>为下拉列表,属性为:“name”下拉列表的名字。

                       下拉列表内加入<option></option>,表示它的选项,每个选项中间可输入文字代表选项内容,它的属性是:“value”表示该项的值。

                    4.<input type="file" />代表选项文件,可以选取文件进行显示,属性为:“name”选项的名字。

    这些选项还有一些其他属性:“readonly”表示为只读;“disabled”表示不可用,同时不能提交;“hidden”表示为隐藏;“checked”可以在radio  checkbox 用来做选中;“selected”用在下拉列表,设置哪一项选中。

给网页制作框架有两种方式,第一种是<frameset></frameset>框架集,如果使用框架集,当前页面不能有body,它的属性是:

      “cols”拆分列,“rows”拆分行,后面加上括号,并用“,”隔开每一个数字,即(300,*)代表拆分了2列/行;

      “frameborder”为设置框架的边框;加入<frame src:“”>表示框架要显示页面的地址,加上“scrolling”表示设置滚动条。

不过第一种方式已经不常用了,常用的是第二种<iframe></iframe>,表示可以嵌在页面里面的框架,它的属性有:

      “src”为页面的来源;

      “width”和"height"表示框架的大小;

      “frameborder”为设置框架的边框;

      “scrolling”设置滚动条;      

      “name”框架的名字。

      <a>用在框架内,可以是连接从一边的框架跳转的另一边的页面,在<a>中加入属性:“target”,选项-blank表示在新选项卡打开,-self为在自身页面打开,如果输入框架的名字则表示在该框架内打开。

      网页内还有一些其他的设置:<marquee></marquee>为设置页面的滚动效果,加入“direction”属性可以设置滚动方向(left、right、up、down);

      <mark></mark>为标记文字,可以为文字做标记;<hr />代表分割线;嵌入视频,即复制该视频的代码,粘贴在自制的网页中即可出现该视频。

posted @ 2017-12-01 13:32  23滴雨  阅读(191)  评论(0编辑  收藏  举报