JavaScript由入门到精通（二）——学习JavaScript的基石Html(二)

最新推荐文章于 2024-05-03 11:08:18 发布

b10l07

最新推荐文章于 2024-05-03 11:08:18 发布

阅读量57

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2260184/blog/518500

版权

2019独角兽企业重金招聘Python工程师标准>>>

二、高级应用

【表格标签】

<table></table> 创建表格

vspace hspace 用于设置表格与其附近文字的垂直和水平距离。

colspan rowspan 用于设置合并单元格，水平方向合并列，垂直方向合并行。

计算机生成了可选文字: (5)cofsPan设置一个单元格跨占的列数（默认位为l).(6)rowsPan设黄一个单元格跨占的行数（默认位为l）。(7)n。姗p禁止对单元格中过长的内容自动换行扯示。

$计算机生成了可选文字: 口一｝_J工liao列islandsbelongtochina.目陋试计戈l}abcZ一」abc3{123b一口｝123c{BBBZ」｝nDn3'}abc3}abcZ-一曰},23C}123b{BBBZ一}nDD3勺鱼岛是中国的。口口刊$

Caption 表格标题，默认居中。可以通过text-align来改变其位置。

<tr></tr><td></td><th></th> tr表示一行，td表示一单元格 th 表示列表头（格式与）

【表单标签】

<form></form>提交数据是所用

计算机生成了可选文字: 表单元素最重要的两个属性是METHOD和ACn0N。METHOD说明应该如何将来自表单的输入数据传递给要处理数据的程序，最常用的属性值是get和post（分别代表了两种网络传递数据的方法）。AcT10N则指定负责处理表单数据的程序‘程序的URL）。表单的基本结构为：<FORMACTIO付，口RLMETHOD亡get}pDs七＞<INPUTTYP已＝subrni七＞<INPUT它Y户E=.reset></ro斑吐》

<input></input> 表单中的重要元素

type属性	显示元素
text	文本框
button	一般按钮
submit	提交按钮
reset	重置按钮
checkbox	复选框
radio	单选框

<select></select> 列表框

计算机生成了可选文字: HTML表单还允许设计列表框，包括下拉式列表和滚动式列表两种。列表框用SELECT和OPTION两种元素实现，其格式为：<SELECTN<OPTION>A村1=',na讯e"></SELECT>SELECT元素用来定义fIJ表框。它支持NAME、SIZE和MULT企LE3种属性。NAME属性指定SELECT元素的名字；S忆E属性定义列表框的大小，即用户一次可见到的列表项的数目，如果S议E=l（默认值），列表框显示为下拉列表；使用MUTIPLE属性时，表示允许用户进行多项选择（使用Ctrl键和Shift键配合鼠标进行多项选择）。O叮ION元素定义列表框的各选项。它可以使用属性SELECTED，表示预先己选定。还可以使用VALUE属性，用来指定用户选择某选项后的返回值。

<textarea></textarea> 多行文本框

计算机生成了可选文字: 当预计用户的输入文本超过一行时，可使用多行文本框。多行文本框由TExTAREA元素定义，它的常用属性有3个：由NAME规定文本框的名字；ROWS定义文本框的行数；COLS定义文本框的FJJ数，其格式是＜TEXTAREAN^ME=,,na脚e',ROWS二n'm加rCOLS==n“刃陀b己r＞。

计算机生成了可选文字: 请愉入你的简历：<BR><FORMACTION'"aa.asp”何ETHOD=",post"><T公XTA只EANA加E二．,resu扭e'"ROWS=5COLS二20></TEXTAREA》<P>＜工NPuTTYP它‘submitvALuE二”发送，'>＜工N户UTTYPE.:e。etv入LuE=,‘重设”></FORM>

【帧|框架】

Frame 框架

计算机生成了可选文字: 帧功能扩展了认陌b网页的排版布局和链接能力，使用户能够在同一窗口中浏览不同的内容。每一个帧都具有以下特性：可载入独立的URL，与其他帧无关；可赋予一个名字，以便其他URL作为目标进行调用：可根据用户浏览器的窗口大小，自动调整尺寸，并能选择允许或不允许用户手动调节帧大小。

计算机生成了可选文字: <PRA封它S它T>,,.<／犷RAMESE丁＞<FRAM乙5RC=URL><NOF只AHE＞…＜/NOrRAM已＞由于帧功能从根本上改变了HTML文档的结构，所以规定在出现FRAEMSET元素的文档中，不再使用BODY元素。

计算机生成了可选文字: <F只AMESETCOLS,n%,n%，…<rRA坷ESETRQ衬5=n%,n%,,,.

计算机生成了可选文字: 每一个帧都可以用NAME属性给予一个名字，加以引用。这样，就可以实现各个帧之问的互操作。并通过超链接元素A的TARGET属性格式为：<FRA介IENAME二‘,f:amename'><AHREr二URLTARGET!”七工a爪e_na职e'>帧有四个预定义名，它们使得对帧的操作更加便利：blank弹出新的无名帧；self将链接指向本帧；一arent将链接指向父帧（如果没有父帧，就指向自身）:少p指向最顶层，实际上就是整个浏览器帧。

<frameset></frameset> 框架集

计算机生成了可选文字: <htm】＞‘币trn卜标签对中，也可以嵌套在其他＜斤田的eset＞灯framcse。标签对中。＜frameset>心斤a“犯set＞标签对不能嵌套在＜伙心介口伙川y＞标签对中，使用＜n习meset＞心nZ打犯set＞标签对的网页中不能包括＜伙川介灯伙记y＞标签对及位于＜伙川y＞心b记y＞标签对中的其他元素．因为

效果图:

计算机生成了可选文字: 我是顶部网页文件我是左侧网页文件我是右侧第一个网页文件显示右丫则的第一个文档显示右侧的第二个文档口口口口口口口口口口口口口口口口

计算机生成了可选文字: <n。斤阴les＞心n。介别mes＞标签对也是放在＜frame、ct＞心斤amcset＞标签对之间，用来在那些不支持帧的浏览器中显示文本或图像信．息。在此标签对之间，首先应该嵌入＜卜劝y＞心b川y>标签对，然后再在＜b记y＞心b刃y＞标签对内嵌入前面讲过的那些将通标签。

效果图：

计算机生成了可选文字: 十今C'D俐e:/l/c:/use+O护目回三白从I〔口导入日Google主页口600gle日历”我是右侧第一个网页文件

计算机生成了可选文字: 石62“比＞切斤别mc＞标签不需要放在＜frameseL＞心frameset＞标签对之间，它的作用是在一个网页中间插入一个简单的帧窗口，在这个帧窗口中可以显示另一个文件，这就能够实现一种“画中画”的效果。在心frame＞灯1frame＞标签对中放入的文本只有在浏览器不支持

计算机生成了可选文字: '-Jl，、“，二r／、三竺口，甘甘廿’'-'～奋、口占J甘U甘，'‘一份J这是嵌入了1fralne帧窗口的网页的前半部分l～·baidu·CO这里放置了一个1fralne标签，但你的浏览器不支持。网易首页

【多媒体】

<img>图像

基本语法：属性src：图片url （必需的） alt：鼠标移动上去显示的文字

质量控制：width和height控制大小，lowsrc控制

对齐布局：

计算机生成了可选文字: IMG元素的另一个重要属性是ALIGN，它指定图像的对齐与布局方式，格式为：<IMGSRC,b&Seline〔从LAL工GK=lef七rlghttoptexttop1nlddleabsmiddlebo七tomabsbottc耳＞

图片映射：

计算机生成了可选文字: IMG元素的IsMAP（意为15map）属性将图像指定为图像映射（ImagoM叩）。图像映射是指图形的某些区域可映射到URL，通过单．击图像映射的不同部位，可从同，一图形访问不同的资源，格式为：<AR拙F!"http://www.bh.com/h二bin，工即a叮e详ap,'5ample''><I倪GSRC,"sample.glf"ISMA夕＞＜·八：·

<bgsound></bgsound>背景音乐

<sound></sound> 音乐

计算机生成了可选文字: BGSOUND元素可为HTML文档创建背景声音。声音文件可以是采样声音（．认叭V或，Au格式）或MIDI音乐（.MID格式），格式为：<BGSOUNDSRC二”start.wav'>属性LOOP可指定声音播放的次数，．如果取属性值为一1或infinite，则声音一直播放下去，直到离开内嵌BGSO口阿D标记的贞面。Mosai。支持SOUND元素来播放内联声音，它只允许．认叭V格式的声音，格式为：<SOUNDSRC='filena仆e,w己v'>SOUND不是背景声音，它可放置于HTML文档的任何地方，只要声音文件所处的位置在浏览器窗口中可见，Mosaic就开始播放声音。SOUND元素也可通过LOOP属性设置为背景声音。

计算机生成了可选文字: <EMSEDEMBEDSRCoUR毛＞中可以插入各种形式的多媒体文件（实际是各种对象），包括电影（Movie）、声音（s。und）、虚拟现实语言（VRML）对象等‘浏览器通过插件（Pfug一ln）来播放EMBED嵌入的多媒体文本。因此，使用前必须将插件安装正确。EMBED对于不同的插件具有不同的属性。

内联视频

计算机生成了可选文字: MsIE允许用户将．八yl视频剪辑文件嵌入HTML文档。它定义了IMG元素的DYNSRC属性灭意为Dyn呱10sour忧），用来插入．Avl文件，格式为：

计算机生成了可选文字: <IMGOYNSRC,r,VldeQ.avi'土n七土niteAL工GN,righ七＞SRC二”丁heEart,n.qif'WIDTH=50HEIGHT=50LOOP二

【头标签】

<base>标签

计算机生成了可选文字: <base＞标签用于指定网页中的超链接的墓准地址，以改变网页中所有使用相对地址的URL的荃准地址。＜base＞标签只能应用于文件的开头部分，即标签＜head＞与＜角cad》之间。＜加“＞标签通常的使用形式如下：<basehref二”h七仁p:/／认八门时．it315.org／仁echworld/'targe七二”一blank'>

<link>标签

计算机生成了可选文字: dink＞标签只能应用于文件的开头部分文档和另一个文档或资源之间的关系。例如，即标签＜head＞与＜爪ead＞之间，它定义了当前当前网页文档的显示样式由另外一个样式定义文件控制，就需要使用＜Iink＞标签说明这种关系。＜link＞标签中有如下几个主要的属性：HREF、REL、REV、们汀LE、TYPE、MEDIA。属性REL或REV定义LINK所链接的两

<meta>标签

计算机生成了可选文字: <n犯ta＞标签通常应用于文件的开头部分，即标签＜head＞与＜小ead＞之间。主要有两种类型的＜rneta>，它们用不同的属性名来划分，这两种属性名为namc和htt卜equiv.n别me属性用于在网页中加入一些关于网页的描述信息，例如，网页的关键字（可供网页搜索引攀机器人查找、分类）、网页的描述信息等。httl卜闪uiv属性用于在HTML文档中模拟HTTP协议的响应消息头，什么是HTTP协