zoukankan      html  css  js  c++  java
  • 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 />代表分割线;嵌入视频,即复制该视频的代码,粘贴在自制的网页中即可出现该视频。

  • 相关阅读:
    SVN 服务器 配置
    字符串写入到json文件
    关于Linux系统打开最大文件数量
    svn clearup svn cleanup failed–previous operation has not finished; run cleanup if it was int错误的解决办法
    原标题:北大最短毕业致辞,4分钟9次掌声!
    Mysql 基础操作命令
    Git 合并两个分支内容
    微信、QQ第三方登录授权时的问题总结
    PHP CI框架数据库常用操作
    Python 抓取数据存储到Mysql中
  • 原文地址:https://www.cnblogs.com/maoqiaoyu123/p/7940312.html
Copyright © 2011-2022 走看看