标识符。小结
本章讲述了一些重要的HTML标识符。
例如,你现在知道了如何建立HTML窗体来让你的网页具有交互性。
你还学习了一些对信息进行列表的有用的HTML标识符。
最后,你学习了怎样用表格来组织信息,以及怎样用表格来为你的网点进行高级网页布局。
表格
表格,一般的用于对网页的内容进行排版,比如文字放在页面的某个位置,你就可以做个表格,然后设置一下表格的属性,它文字放在表格的某个单元个里,就行了;其实用过word的朋友应该非常明白的。
除了页面的排版外,表格还可以制作出非常好看的效果,比如按钮、变色、边线等等。
看看表格的基本语法:
-定义表格...
-定义表行... | -定义表头... | -定义表元表单
【表单的用途】
表单通常必须配合着CGI、JAVAScript程序或是Python程序来运作,不然表单单独存在的意义并不大。
【各种输入类型】
1.文字输入列:
每个表单之所以会有不同的类型,原因就在于TYPE="表单类型"设定的不同而已,我们就先来看看第一个类型:
文字输入列。
文字输入列的形态就是TYPE="TEXT,其使用方法如下:
呈现结果姓名:
原始码
2.其有下列可设定之属性:
oNAME="名称",是设定此一字段的名称,程序中常会用到。
oSIZE="数值",是设定此一字段显现的宽度。
oVALUE="预设内容",是设定此一字段的预设内容。
oALIGN="对齐方式",是设定此一字段的对齐方式,其值有:
TOP(向上对齐)、oMIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置中)、ABSBOTTOM(绝对置下)等。
MAXLENGTH="数值",是设定此一字段可设定输入的最大长度。
o3.单选核取表单:
利用TYPE="RADIO"就会产生单选核取表单,单选核取表单通常是好几个选项一起摆出来供使用者点选,一次只能从中选一个,故为单选核取表单。
呈现结果性別:
男女
原始码
4.其有下列可设定之属性:
oNAME="名称",是设定此一字段的名称,程序中常会用到。
oVALUE="内容",是设定此一字段的内容、值或是意义。
oALIGN="对齐方式",是设定此一字段的对齐方式,其值有:
TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置中)、ABSBOTTOM(绝对置下)等。
oCHECKED,是设定此一字段为预设选取值。
5.复选核取表单:
利用TYPE="CHECKBOX"就会产生复选核取表单,复选核取表单通常是好几个选项一起摆出来供使用者点选,一次可以同时选好几个,故为复选核取表单。
呈现结果喜好:
电影看书
原始码
6.其有下列可设定之属性:
oNAME="名称",是设定此一字段的名称,程序中常会用到。
oVALUE="内容",是设定此一字段的内容、值或是意义。
oALIGN="对齐方式",是设定此一字段的对齐方式,其值有:
TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置中)、ABSBOTTOM(绝对置下)等。
oCHECKED,是设定此一字段为预设选取值。
7.密码窗体:
利用TYPE="PASSWORD"就会产生一个密码窗体,密码窗体和文字输入窗体长得几乎一样,差别就在于密码窗体在输入时全部会以星号来取代输入的文字,以防他人偷窥。
呈现结果请输入密码:
原始码
8.其有下列可设定之属性:
oNAME="名称",是设定此一字段的名称,程序中常会用到。
oSIZE="数值",是设定此一字段显现的宽度。
oVALUE="预设内容",是设定此一字段的预设内容,不过呈现出来仍是星号。
oALIGN="对齐方式",是设定此一字段的对齐方式,其值有:
TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置中)、ABSBOTTOM(绝对置下)等。
oMAXLENGTH="数值",是设定此一字段可设定输入的最大长度。
9.送出按钮:
通常我们窗体填完之后,都会有一个送出按钮以及清除重写的按钮,分别是利用TYPE="SUBMIT"及TYPE="RESET"来产生,相当的简单易用。
呈现结果
原始码
10.其有下列可设定之属性:
oNAME="名称",是设定此一按钮的名称。
oVALUE="文字",是设定此一按钮上要呈现的文字,若是没有设定,浏览器也会自动替您加上「送出查询」、「重设」等字样。
oALIGN="对齐方式",是设定此一字段的对齐方式,其值有:
TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置中)、ABSBOTTOM(绝对置下)等。
11.按钮组件:
窗体中或是JAVASCRIPT常会用到按钮来作一些效果,因此,我们可以利用TYPE="BUTTON"来产生一个按钮,相当简单。
呈现结果请按下按钮:
原始码
12.其有下列可设定之属性:
oNAME="名称",是设定此一按钮的名称。
oVALUE="文字",是设定此一按钮上要呈现的文字。
oALIGN="对齐方式",是设定此一字段的对齐方式,其值有:
TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置中)、ABSBOTTOM(绝对置下)等。
13.隐藏字段:
窗体中有时有些东西因为某些因素,不想让使用者看到,但因程序需要却又不得不存在,此时,我们就可以利用TYPE="HIDDEN"来产生一个隐藏的字段。
呈现结果隐藏字段:
原始码
14.其有下列可设定之属性:
oNAME="名称",是设定此一字段的名称。
oVALUE="文字",是设定此一字段的值、文字或意义。
【大量文字输入组件】
1.有时候我们会希望让使用者输入比较大量的文字,此时,文字输入列就显得不敷使用,因此我们就可以利用来产生一个可以输入大量文字的组件,夹在两个卷标中的文字会出现在框框中,可作为预设文字。
呈现结果请输入您的意见:
原始码
2.其有下列可设定之属性:
oNAME="名称",是设定此一字段的名称。
oWRAP="设定值",是设定此一字段的换行模式。
设定值有三种:
OFF(输入文字不会自动换行)、VIRTUAL(输入文字在屏幕上会自动换行,不过若是使用者没有自行按下ENTER换行,送出资料时,也视为没有换行)、PHYSICAL(输入文字会自动换行,送出资料时,会将屏幕上的自动换行,视为换行效果送出)。
oCOLS="数值",是设定此一字段的行数(横向字数)。
oROWS="数值",是设定此一字段的列数(垂直字数)。
【下拉式选单】
1.利用便可以产生一个下拉式选单,另外,还需要配合
呈现结果您喜欢看书吗?
:
非常喜欢還算喜欢不太喜欢非常讨厌
原始码
2.其有下列可设定之属性:
oSIZE="数值",是设定此一字段的大小,默认值为1,若是您的选项有四个,然后您将SIZE设成4,那么,下拉式选单便会变成选项方块,将四个选项一起呈现在方块中。
oMULTIPLE,是设定此一字段为复选,可以一次选好几个选项。
2JavaScript基础
JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言,正日益受到全球的关注。
因它的开发环境简单,不需要Java编译器,而是直接运行在Web浏览器中,而因倍受Web设计者的所爱。
JavaScript语言概况
Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式的重重壁垒,为我们带来了新的机遇。
随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新的事情发生,每一天都在创造着奇迹。
随着Internet技术的突飞猛进,各行各业都在加入Internet的行业中来。
无论从管理方面,还是从商业角度来看,Internet都可以带来无限生机。
通过Internet,可以实现地区、集体乃至个人的连接,从而达到一种“统一的和谐”。
那么怎样把自己的或公司的信息资源加入到WWW服务器,是广大用户日益关心的问题。
采用超链技术(超文本和超媒体技术)是实现这个目标最简单的、最快速的手段和途径。
具体实现这种手段的支持环境,那就是HTML超文本标识语言。
通过它们可制作所需的Web网页。
通过超文本(HyperTex
展开阅读全文
相关搜索