在js 方法中返回一个htlm标签构成的字符串在使用<c:if test="">时碰到了问题_软件运维

难道他想学网页设计？

标签是不是太普通了。

HTML语言是最基本的网页制作代码，很多博客文章支持HTML标签所熟悉的HTML标签来美化博客和个人网站将有很大的帮助。

＆LTHTML＆GT＆LT/ HTML和GT标志着开始和结束

＆LT的html文件头和GT＆LT/头和GT头标识

＆LT标题：GT＆LT/标题和GT

页面的标题

＆LT机体零件和GT＆LT/机体零件和GT构成主

1.背景的网页定义页面背景图案2.bgcolor背景颜色（默认白色）

3.text文字颜色（默认黑色）

4。超链接的颜色（默认蓝色）

5.alink当前选择超链接的颜色（默认红色）

6.vlink已访问过的超链接的颜色（默认紫色）

＆LT字体和GT＆LT/ FONT和GT标识符可以控制人物的风格

1.face设置字体效果

2。颜色设置文字的颜色

3。产品尺寸设置字体大小

＆LT B＆GT＆LT/ B＆GT原油车身和LT罢工和GT＆LT/行使和GT三振

＆LT大和GT＆LT/大和GT大字体＆LT子和GT＆LT/分和GT标

＆LTI＆GT＆LT/ I GT斜体＆LTSUP和GT＆LT/ SUP和GT标

＆LTS＆GT＆LT/ S取代删除线和LTU＆GT＆LT/ U＆GT强调

＆LT小和GT＆LT/小和GT小字体

＆LTHN＆GT＆LT/ HN和GT设置文件标题NJ编号1至6

＆LTP＆GT＆LT/ P＆GT（款）除以

＆LT预＆GT＆LT/预＆GT预格式化标识符

＆LT人力资源和GT包装及画一横线（没有结束标识符）？

1.width水平长度

2.尺寸横向厚度

3.noshade无阴影

4.align水平对齐（左中右）

5.颜色水平的颜色

＆LTBR＆GT强制换行（没有结束标识符）？

＆LTOL＆GT

＆LT立GT......＆LT/李和GT

＆LT/ OL＆GT设置里，但1.2.3的有序列表。 ......或ABC ...或ABC ..或i.ii.iii .....或I.II.III ....

（两个属性：类型开始）

＆LTUL＆GT

＆LT立GT......＆LT/李和GT

。 .....

＆LT/ UL＆GT无序列表（一个属性：类型的光盘实心圆圈空心圆方盒子）

＆LTa取代＆LT/ a取代实现超链接

1.href超级链接点来定义文档的URL

2.target目标窗口

3.name主播的名字（当该属性通常使用页面中创建一个超链接）

＆LTA HREF = QUOT/网址：QUOT与GT＆LT/ a取代当你创建一个超链接使用一个代号，你可以使用相对路径（文件的网站在相同的），你也可以使用绝对路径（指向文件的网站外）

＆LT名称=＆QUOT主播的名字：QUOT与GT＆LT/ a取代

＆LTA HREF = QUOT＃主播的名字和QUOT与GT＆LT/ a取代建立网格超级链接逻辑上分成两个步骤，首先定义了锚，然后创建一个超链接指向锚

＆LTA HREF = QUOT的mailto：电子邮件地址]按钮与GT＆LT/ a取代点到电子邮件超链接和GT

＆LTIMG和GT插入图片

图像文件1.src设置

引用的位置2.alt设置图像简单的文字说明

3.宽幅，高度设置图像的宽度和高度

4.align对齐（左，右，顶部，底部，中间）

5.border边框宽度

6.hspace，VSPACE定义了图像的水平与周围的分子间距和垂直间距

>＆LT地图名称= QUOT影像地图名称：QUOT与GT

＆LT区域和GT

＆LT/图与GT

＆LTIMG SRC = QUOT/＆QUOTUSEMAP = QUOT＃影像地图名称：QUOT与GT＆LT地图与GT＆LT/图与GT定义区域

IMG建立的影像地图，并通过USEMAP可以决定建立链接

1.shape形状（rect矩形圆轮聚多边形）

区域的不同地区，不同文档之间的定义图像关系的图像映射区域协调

2.coords 3.target目标窗口

4.alt替换文本

＆LT表＆gt

＆LT标题：GT＆LT/字幕和GT

＆LTTR和GT

＆LT日和GT＆LT/日和GT＆LT日和GT＆LT/日和GT......

＆LT/ TR和GT

＆LTTR和GT

＆LTTD＆GT＆LT/ TD＆GT＆LTTD＆GT＆LT/ TD＆GT......

＆LT/ TR和GT

＆LTTR和GT

＆LTTD＆GT＆LT/ TD＆GT＆LTTD＆GT＆LT/ TD＆GT

＆LT/ TR和GT

＆LT/表＆gttable标签定义表定义表格标题标题tr标签定义表行日，TD标识符定义表格单元格日定义表头单元格

表可以创建新表

1.width（宽），高度（高）

2.border（境）

3.bgcolor（背景色）

4.align（左对齐右中）

5.cellpadding（填充） BR />6.cellspacing（单元格间距）

7.rules（没有分隔人群的行列之间没有分界线已行才刚刚上市的所有的行分隔COLS全部）

8.frame（边境无效上面显示无边框仅hsides的底边框下方的边框只显示只显示前，显示器周围的底边框vsides左边框只显示左，右边框RHS显示框中显示全部）

＆LTTR和GT＆LT/ TR和GT表行

1.align对齐（左中右）

2.valign垂直对齐（顶部中间底部基线）

3.bgcolor背景颜色

＆LTTD＆GT＆LT/ TD＆GT表格数据

1.width，高度

2.align（左右中）

3.valign（上中下）

5.rowspan单位表行

6.colspan单位表

＆LT框架和GT

＆LT/框架和GT框架窗口被划分成多个子窗口，取决于帧的数目的子窗口的数量

＆LT框架和GT标记来标识子窗口（没有结果休息）

2.src（源）设置框架内容的URL

3.frameborder（框架边框）

4 .marginwidth（帧左，右页边距）

5.marginheight（框架和底部边距）

6.scrolling（是否显示滚动条自动自动是无显示无显示）

7。 NORESIZE（不允许以调整帧的大小）

＆LTàHERF = QUOT目标文件和QUOT目标=＆QUOT目标框架的名称及QUOT与GT超链接的内容和LT/ a取代

1._top表示超链接的目标文件到整个浏览器窗口

2._self表示正在显示

3._blank表示超链接的目标文件转换成超链接的目标文件到当前的框架，以取代该框架文件一个新的浏览器窗口

4._parent表示超链接的目标文件到父框架的现有框架

＆LTIFRAME和GT＆LT/ IFRAME和GT定义框架

1.src（源）设置框架内容的URL

3 .WIDTH，高度

4.align（上中下）内页

5.frameborder（框架边框）

6.marginwidth（左框架边框），MARGINHEIGHT（帧上下边框）

7.scrolling（是否显示滚动条自动是否）

＆LT形式和GT＆LT/表单和GT形式

1.method（方法）来定义提交

2 .action（动作）的形式

＆LT指定相应的处理程序

的形式输入和GT定义表单元素（没有结束标记），一个用于识别

2，型号指定的表单元素类型（文本文字密码密码复选框复选框复选框，单选用户输入的表单元素提交提交按钮复位，复位按钮）

＆LT输入类型= QUOT文字和QUOT与GT指定为文本类型，显示在浏览器中的文本输入框供用户输入信息

1.value（初始值）

2.尺寸（大小）

3.maxlength（该输入文本字符最大数量）

＆LT输入类型= QUOT密码QUOT与GT密码文本框中

例如：＆lt形式和GT

密码：其中输入类型= QUOT密码QUOT名称= QUOT密码QUOT大小= QUOT10 QUOTMAXLENGTH = QUOT15 QUOT与GT

＆LT/表单和GT

＆LT输入类型= QUOT复选框和QUOT与GT复选框

例如：＆lt从大于

＆LTP＆GT你的爱好：其中/ P和GT

＆LT输入类型= QUOT复选框和QUOT名称= QUOTfavorite1＆QUOT值= QUOT音乐和QUOT检查和GT音乐

＆LT输入类型= QUOT复选框和QUOT名称= QUOTfavorite2＆QUOT值= QUOT体育QUOT与GT体育

＆LT输入类型= QUOT复选框和QUOT名称= QUOTfavorite3＆QUOT值= QUOT其他与QUOT与GT其它

＆LT/表单和GT

＆LT输入类型= QUOT广播QUOT与GT单箱

例如：＆lt形式和GT

＆LTP＆GT企业数量：其中/ P＆GT

＆LTP＆GT＆LT输入类型= QUOT广播QUOT名称= QUOT数量：QUOT与GT不足10人：LT/ P＆GT

＆LTP＆GT＆LT输入类型= QUOT广播QUOT名称= QUOT数量：QUOT检查和GT10人至100人 - LT/ P＆GT

＆LTP＆GT＆LT输入类型= QUOT广播QUOT名称= QUOT数量：QUOT与GT100以上＆lt/ P＆GT

＆LT/表单和GT

＆LT输入类型= QUOT提交与QUOT与GT提交按钮

＆LT形式和GT

＆LT输入类型= QUOT提交与QUOT值= QUOT提交与QUOT与GT

＆LT/表单和GT

＆LT输入类型= QUOT复位和QUOT与GT复位按钮

＆LT输入类型= QUOT图像与QUOT与GT图像提交按钮

＆LT输入类型= QUOT文件和QUOT与GT

＆LT输入类型= QUOTbuttom＆QUOT与GT

＆LT输入类型= QUOT隐藏与QUOT与GT

＆LT文本域和GT＆LT/ textarea的和GT定义表单的内容供用户输入多行文本字段

1.name指定名称

指定文本字段2.rows指定文字高度

3.cols域宽度 BR p>＆LT选择与GT

＆LT选项与GT＆LT/选项和GT

.....。

＆LT选项与GT＆LT/选项和GT

＆LT/选择和GT定义的名称<br指定的表单元素

1.name选定项目清单的选项列表/>2.尺寸当您指定一个选项列表显示了一些显示选项

3。多用财产可以允许多重选择

4.value当选择并提交此选项指定，浏览器向服务器数据

5.selected指定哪个选项是默认选中

>＆LT标签和GT＆LT/标签和GT选择

控制

＆LT帐篷和GT＆LT/字幕和GT创建一些帐篷

1.direction（方向左，右向上向下）

2.behavior（盘旋行为滚动滚动滑动只有一个备用辊来回滚动）

3.loop（周期） BR />4.scrollamount（滚动速度）

5.scrolldelay（滚动延迟）

6.align（顶部对齐底部中间）

8.height，宽度

9.hspace，VSPACE（垂直和水平间距）

＆LT小应用程序和GT

＆LT参数和GT

＆LT参数和GT ......

＆LT/小程序和GT小程序是用来插入指定的页面中的Java小程序对象

1.code（源代码）Java小程序的源代码文件（类文件）

3.宽幅，高

参数来定义的Java applet参数

1名

2.value（值）为变量赋值

3.valuetype（数值型数据表示指定值的值将作为字符串传递对象

裁判代表一个特定值的URL

对象的值表示指定值的值是指向同一个文件标识符的对象）？

4.type（类型）时，该值设置时ValueType属性对照，此属性指定的URL表示的内容资源类型

＆LT对象与GT

＆LT参数和GT

＆LT/对象和GT对象可以在许多不同的多媒体文件

1.classid定义：该属性指定用于播放多媒体对象对应的控件ID

2.codebase浏览器：定义相对于根目录的位置，类型定义多媒体多媒体文件文件：

3.codetype：指定所使用的classid对象类型

4。数据中指定的数据内容下载：高清多媒体文件的位置

6.width，身高

选择【属性一：值1属性二：值2 ......}选择表示要应用样式的对象

属性表示由CSS定义的标准样式属性

值代表的贿赂风格案件：H2 {文本对齐：中心字体家庭：宋体_GB2312}

selector.classname {属性一：值1......}标记类

.classname {属性：值......}泛型类

#IDname {属性：值......}用户自定义的ID

虚拟类

答：链接或：或访问：链接时迟，过时的超链接，超链接显示

à访问：访问超链接时，已被访问过时的超链接显示

答：主动或：主动超链接时，选择了态度当前时间，超链接显示

答：悬停或：将鼠标指针悬停在当所有的链接，超链接显示

情况：A：链接{颜色：蓝色}

长度单位

1.em：它代表了当前字体的宽度的长度字母M

2.ex：它代表当前字体高度的长x字母

3.px：像素，它是相对于您的计算机屏幕的分辨率来定义

中：英寸，1英寸=2.54厘米1厘米=10毫米

点：点，1点= 1/72英寸PC：帕1帕= 12时

字体家庭（字体系列）字体家庭：字体名称|字体系列名称

案例：P {字体家庭：大胆，宋体，衬线}

字体样式（字体样式）

>字体样式：字体样式名称

案例：P {字体风格：斜}

字体大小（字号）

字体大小：绝对规模|相对大小|百分比

字体变形（字体变形）

字体的变体光盘：字体变形数值

1.普通（一般）

2.small帽（小型股）

字体重量（粗体）

字体重量：粗体值

1.普通（一般）

2.bold（粗体） BR />3.bolder（粗）

4.lighter（更详细）

字母间距（字距）

字母间距：数字

>文字修饰（文字）

文字装饰：文字，而无需效果

1.none越过2.underline下划线

4。行通三振

5.bink闪烁

文本转换（转换文本）

文本转换：文本转换

1.none无

2 .capitalize字

全部大写首字母3.uppercase全部大写字母的单词

4.lowercase所有字都是小写字母

文本对齐（文本对齐）文本对齐：对齐

3.justify可调

文本缩进（文字缩放）2.右键

文本的缩进：标定值

的line-height（行高）

的line-height：价值

保证金（保证金）

保证金：值

填充（填充）

填充：

数值例如：表{填充：2厘米3厘米5厘米}在填充2厘米，左，右填充到3厘米，在填充5厘米

BR />边框样式（边框样式）

边框样式：边框样式

2点虚线

3.dashed破灭

4。固实线

9.outset凸

<BR 5.双6.groove凹线

7.ridge凸线

8 .inset回缩/>边框颜色（边框颜色）

边框颜色：颜色值？

边框宽度（边框宽度）

边框宽度：价值

1 .thin细

2，介质中

3.thick宽

边界（境）

边框：边框样式|边框宽度|边框颜色

例如：H1 {边框：5像素实心红}

浮动（浮动）

浮动：参数

1 .none

3.右键 BR p>颜色代码大多与QUOT＃FFFFFF＆QUOT这种格式，更改后的变化，试图找到。

那么想了解更多详细信息，加我QQ，给您发送的书看看。

QQ：30638057

详解HTML

标签和属性

在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“<标签名>”表示，结束标签用“</标签名>”表示。

元素指的是包含标签在内的整体，除去标签的部分叫做内容。

属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分顺序

颜色的指定方法

用HTML指定颜色有两种方法

1、用16进制数值来指定：在#号的后面，把RGB的各个选项用十六进制的数值来表示，数值保持两位数。

2、指定颜色的名称：可以对基本的16色用名称来指定其颜色

指定文件的位置

在对某部分设置链接的时候，需要指定链接端HTML文件的位置；同样，如果想在该处显示图像也需要指定图像的位置。在HTML中，这个位置用URL来表示，有以下两种表示方法：

1、绝对URL：绝对URL就是用Web浏览器查看网页时，地址栏中显示的以http://开头的路径

2、相对URL：相对URL是在同一站点内进行设置，类似于在同一磁盘上管理文件的形式。这种方法是以当前文件的位置为基准。使用相对URL时，如果要指定的文件在当前文件的下级，就从目录名开始一直写到要指定的文件名，中间用“/”符号隔开。如果在当前文件的上级，每上一级就加一个“../”符号

2、基本内容

显示HTML的版本

<!DOCTYPE~>

HTML的版本表明HTML文件是按照哪个版本进行编写的（标明该HTML文件遵循的DTD文件），不同的版本和种类都有固定的书写格式，要按照固定的格式输入文件开头，然后在文件开头处写明版本，按照这种版本的规定格式进行编写

必须使用的标签

HTML文件的开头写有<!DOCTYPE~>的部分，代表HTML的版本，其后是必须存在的四种标签

首先，<!DOCTYPE~>后面的整个都要用html标签(<html>~</html>)括起来，其中要按照head标签(<head>~</head)和body标签的顺序(<body>~</body>)的顺序进行排列。

在head标签中填写与该文件相关的信息，body标签中填写世纪要在浏览器上显示的内容。另外，在head标签中，只能有一个代表文件标题的title标签

设置页面的文字颜色

设置页面的背景颜色

设置页面的背景图像

按照目的设定范围

插入注释

<!—注释语句-->

3、设置文件信息

添加标题

title标签用来给HTML文件添加标题

这个标签一定要位于<head>~</head>圈定的范围内。在这里指定的标题除了可以在通常的浏览器窗口的标题栏中显示以外，还可以作为加入收藏夹时的标题

显示文件编码

meta标签的charset属性表示该HTML文件是用什么文字编码编写的

注意，该标签一定要位于<head>~</head>范围内

添加关键字、内容介绍及作者姓名

这些信息都不会在画面上显示出来，但是搜索引擎在收集信息时要用到

注意，该标签一定要位于<head>~</head>范围内

设置样式表和脚本语言的种类

在HTML文件内可以设置样式表和脚本的默认语言

注意，该标签一定要位于<head>~</head>范围内

设置进入网页

rel：在本页看到的，与URL标明的网页之间的关系

rev：在URL标明的网页中看到的，与本页之间的关系

link标签表示的是该文件和与其相关的其他文件之间的关系

注意，该标签一定要位于<head>~</head>范围内

设置标准URL

base标签用来设置将该页中使用的相对URL的标准指向成绝对URL，指定了这个标签之后，在该页指定的相对URL就会全部认定为已在这里指定的绝对URL。如果不进行这项设置，就以当前页的位置为标准，如果指定了Target属性，就可以指定打开链接地址网页的默认框架和窗口

注意，该标签一定要位于<head>~</head>范围内

设置自动倒入网页功能

在经过数秒后，自动开始导入网页。如果指定了要移动到的URL，就会导入URL指定的网页。如果没有指定，就会再次导入相同的页

注意，该标签一定要位于<head>~</head>范围内

4、设置文本类型

设置各级标题

…

设置段落

p标签表示的是该部分为一个段落

设置联系地址

address标签表示的内容是该网页制作者的联系地址和有关网页内容的咨询地址等信息

设置强调内容

这两个标签所圈内容表示该部分是强调的内容

设置较短的引用文字

q标签代表的意思是该部分为较短的引用文，在引用段落的某一部分的时候使用，如果使用cite属性，还能够把引用页的URL显示出来

设置较长的引用文章

设置文字内容的出处

设置缩略语

title：不处于省略状态下的词汇（字符串）

设置添加的内容

设置需要删除的内容

突出显示段落中的术语

表示与程序关联的文本

<kbd>~</kbd>：输入文本

<samp>~</samp>：输出样本

<code>~</code>：源代码

<var>~</var>：变量

显示特殊符号

&lt：<

&gt：>

&quot：”

&amp：&

5、设置显示方式

设置文字的换行

<br>

添加了br标签之后，文本就会再该处换行。即使在HTML代码中已经换行了，在浏览器上显示的时候却反映不出来，因此如果想在浏览器上换行的话，就要使用br标签

添加不同横线效果

<hr>

加入了hr标签后，就可以在其标注的地方显示横线

设置文本格式

<b>~</b>：黑体字

<i>~</i>：斜体字

<tt>~</tt>：等大字体

<sup>~</sup>：上标

<sub>~</sub>：下标

<u>~</u>：下划线

<s>~</s>：删除线

设置空格和换行

<pre>标签可以保留文字在源代码中的格式，使得页面中显示的内容和源代中的格式完全一致

设置居中效果

center标签用于将指定范围内的内容设置为居中

设置行对齐方式

使用align属性可以设置标题、段落以及指定范围内的行对齐方式

设置文字颜色

设置字体类型

设置字体字号

相对改变字体大小

<big>~</big>：增大

<small>~</small>：减小

<font size=”+n”>：增大n号

<font size=”-n”>：减小n号

设置字号的基本大小

size：1~7

6、设置链接相关的属性

链接到其他页面

a标签的href属性能把指定的范围链接到其他页面上，链接部分的词语要设置得让人看到这个部分就能联想到链接网页上的具体内容

另外，在链接图像的时候，一定要插入替代的文字（alt=”~”）使用户能够很明确的了解到链接的目标

链接到当前页的特定位置

<a href=”#位置名”>~</a>：指定链接文件（从什么位置开始链接）

<a name=”位置名”>~</a>：指定链接的地址（要链接的位置）

如果一页上的内容非常多，可以在一个网页中给特定的位置命名，然后再链接到该位置（跳转）。在给链接对象位置命名的时候要使用name属性。然后，在链接的时候，要用href属性在链接地址名称的前面加上#号

设置链接到其他页面的特定位置

<a href=”URL#位置名”>~</a>：指定链接源（从什么位置开始链接）

<a name=”位置名”>~</a>：指定链接的地址（要链接的位置）

在链接到其他网页上的时候，可以先给那一页上特定的位置命名，然后链接到该位置。在给链接对象位置命名的时候要使用name属性。然后，在链接的时候，要用href属性设置成”URL+#+位置名”这样一种格式

设置链接文字的颜色

link：还没有看见的链接部分的文字颜色

vlink：已经看见的链接部分的文字颜色

alink：鼠标单击链接部分的文字颜色

body标签用于设置网页整体链接部分的文字颜色

在新窗口中打开链接网页

利用target属性可以设置打开链接窗口的方式

通过设置链接来启动邮箱

7、制作不同类型的列表

为列表添加不同类型的标记

ul标签的作用是将列表（条款形式）加上圆点或方括号的标记。列表的整体要在<ul>~</ul>标签范围内，在这之间的各个项目要在<li>~</li>标签之内

更改列表标记

标记的种类包括disc、cicle和square

制作带序号的列表

改变序号的样式

改变序号的顺序

制作包含专用语和解释的列表

8、设置表格

表格的基本形式

<table border=”边框的粗度”>~</table>：整个表格

<tr>~</tr>：单独一行

<th>~</th>：单元格：标题用

<td>~</td>：单元格：数据用

表格的整体要圈在<table>~</table>之间显示，表格当中某一个单元格用<th>~</th>表示或者<td>~</td>表示。每个单元格都在表的单独以行，放置在<tr>~</tr>中。也就是说，table标签的内容是由tr标签构成的。各个tr标签的内容是由表示单元格的th或者td标签构成的。th标签代表这个单元格的内容是标题。td标签代表这个单元格的内容是数据

为表格添加标题

caption标签用来给表格添加标题

该标签一定要放在table标签的紧后面。标题的显示位置（即对齐方式）可以指定在表格的上部，或者表格的下部

指定表格的大小

宽度：针对像素或者窗口的百分比

指定单元格大小

合并单元格

垂直方向的合并数：从当前单元格开始向下合并的单元格数

水平方向的合并数：从当前单元格开始向右合并的单元格数

设置单元格之间的距离

设置单元格边框与内容之间的距离

设置单元格中的行对齐方式和列对齐方式

align属性用于设置单元格内的行对齐方式，valign属性用来设置单元格内的列对齐方式

禁止在单元格内换行

设置表格和单元格的背景颜色

bgcolor属性用于指定表格和单元格中的背景颜色

设置表格和单元格的背景图像

background属性用于指定表格和单元格中的背景图像

设置表格外框的宽度

设置表格外框的显示形式

设置表格内补边框线的显示形式

定义表格中的横行

<thead>~</thead>：表头部分

<tbody>~</tbody>：表体部分

<tfoot>~</tfoot>：表底部分

thead标签、tbody标签和tfoot标签都是用来定义表格的横行（tr标签）的

这样组合之后，就可以针对该组合的整体来应用属性和样式表。

使用这些标签的时候，一定要以thead标签、tfoot标签和tbody标签的顺序进行排列。在一个表格里，只能放置一个thead标签和一个tfoot标签，而tbody标签可以根据需要放置多个

利用纵列设置表格属性和样式表

col标签不仅可以用来改变表格的纵列结构，还可以用来根据纵列，来综合指定宽和行对齐方式等属性以及样式表

该标签放置的位置要在caption标签的紧后面（如果没有caption标签，就放在table标签的开始标签的紧后面），以及thead标签和tr标签的前面

设置表格居中

将表格嵌入到文本中

位置：left,right

将table标签的align属性指定为left或者right后，就可以将表格以居左或居右的方式嵌入到文字中间

如果想要解除嵌入状态，可以使用<br>标签的clear属性

解除表格的嵌套

left：解除左侧表格的嵌套

right：解除右侧表格的嵌套

all：解除两侧表格的嵌套

设置表格与嵌套文字之间的距离

垂直距离：表格的上下框与文字间的距离

水平距离：表格的左右框与文字间的距离

9、设置图像与多媒体

插入图像

使用img标签，可以把图像插入到HTML文件中

图像的格式一般可以使用GIF格式、JPEG格式和PNG格式

不管图像实际的大小如何，都会按照在这里所指定的宽度和高度来显示

alt属性是在不能显示图像的情况下，指定替代图像所使用的文字

设置图像的边框

设置图像与文字的垂直位置关系

在同一行中，如果有图像和文字，那么就可以用align属性来设置图像和文字的垂直位置关系

制作图像热区

在map标签中，用来设置实际单击的区域和链接地址的是area标签

在area标签中，一定要指定表示链接地址的替代文字，之后要用image标签的usemap属性指定定义后的image map的名称（名称前面要加#），这样图像就可以作为image map产生相应的效果

将图像嵌套在文本中

位置：left,right

解除图像的嵌套

设置图像与周围文字之间的距离

放置Java小程序

applet标签是嵌入Java小程序时要使用的标签

如果使用param标签，在执行java小程序时，需事先指定一些必要值。这时，param标签要位于<applet>~</applet>范围的最开始部分

10、制作不同类型的表单

制作填写表单

URL：用来处理发送后表格的程序的URL

发送形式：get,post

MIME类型：以post方式发送内容时的MIME类型

窗口名称：先是发送结果的窗口或框架名

form标签表示在表单中填写的内容是可以发送的

制作发送按钮

标签：在按钮上显示的文字

名称：按钮的名称

将input标签的type属性设置为submit，再根据form标签的设置，可以制作发送填写在表单中数据的按钮

制作重置按钮

制作通用按钮

通用按钮通常与JavaScript等脚本语言组合使用

利用图像来制作发送按钮

通常，发送按钮都使用input type=”submit”代码，不过图像也可以作为发送按钮，具有发送功能。这时，图像被单击的位置将和表单的内容一起被发送

制作不同功能的发送按钮

类型：submit,reset,button

button标签是用来制作按钮专用的

通过指定type属性值，就可以产生具有不同功能的按钮，包括发送按钮、重置按钮和通用按钮。另外，在<button>~</button>中放置相应的内容，可以作为按钮的标签显示出来。在需要进行其他处理并设置多个发送按钮的情况下，根据name属性和value属性所显示的值，接受方就可以分辨出单击的是哪一个发送按钮

制作单行文本框

制作多行文本框

制作输入密码的文本框

插入隐藏域

制作单选按钮

将input标签的type属性设置为radio，可以用来制作单选按钮。单选按钮是多个选项当中只能选择其一的按钮。作为公共项目的选项而使用的单选按钮，要把它们都指定为同一名称。另外，发送数据的时候，为了识别所选的是哪一项，要用value属性来指定相应的值

制作复选框

将input标签的type属性设置为checkbox，可以用来制作复选框。复选框可以在多个选项当中进行多项选择。作为公共项目的选项而使用的复选框，要把它们都指定为同一名称。另外，发送数据的时候，为了识别所选的是哪一项，要用value属性来指定相应的值

制作菜单

<select name=”名称”>~</select>：菜单整体

<option value=”发送值”>~</option>：菜单项

<option selected>~</option>：菜单项

select标签用来制作菜单

菜单的整体要在<select>~</select>范围之内显示，然后按需要的数量在其中放置表示选项的<option>~</option>。<option>~</option>范围之内要写上实际菜单要显示的选项的名称。另外，如果省略了value属性，在这里记录的文字本身就会作为所选值发送

组合菜单选项

<optgroup lable=”组合名称”>~</optgroup>：制作组合菜单

<option lable=”次选项”>~</option>：组合内的选项

组合名称：第一级显示的组合标题

次选项：对应组合名称下面的在第二级显示出来的选项

制作的菜单选项可以利用<select>~</select>标签组合起来

制作下拉列表

<select size=”行数” name=”名称” multiple>~</select>：下拉列表框

<option value=”发送值”>~</option>：菜单项

<option selected>~</option>：菜单项

在用于制作菜单的select标签中指定了size属性后，就可以显示下拉列表框

添加选择文件的功能

将input标签的type属性设置为file，可以自动做成能够选择发送表单数据的文件按钮和文本框

综合利用菜单选项

<fieldset>~</fieldset>：组合

<legend align=”对齐方式”>~</legend>：组合的标题

field标签用来把填写在表单中需要包含的输入内容和选项组合起来

在<fieldset>~</fieldset>的最开始部分放置legend标签，并且给该组合加上标题

将标签文字与项目一体化

参照ID：添加了标签的对象的id属性值

lable标签的作用是在输入项和选项及其标签文字之间建立起明确的关联，并使其一体化

11、利用框架布局网页

设置框架整体结构

高度：在垂直方向上分布的多个框架的高度，按从上到下的顺序依次用逗号隔开来指定

宽度：在水平方向上分布的多个框架的宽度，按从左到右的顺序依次用逗号隔开来指定

URL：作为框架内容显示的HTML文件的URL

框架名称：在指定链接等显示目标的时候使用的名称

使用框架功能可以把窗口横竖切割开，然后在不同的块区域中显示其他的HTML文件。在指定了框架的文件中，原来body标签所在的位置，要放置frameset标签，这主要是由于在框架页面中不能使用body标签

在<frameset>~</frameset>的范围中要按照顺序填入分割后框架内要填写的内容。如果不需要再分割，就用frame标签指定要导入的HTML文件，如果还要继续分割的话，就需要放置frameset标签（作为嵌套放置在里面，并且指定盖框架如何分割）

设置框架的显示方法

设置是否显示边框

frameborder属性用来设置分割开相邻框架的边框是否显示

去除分割框架的边框

在不支持框架的环境中显示所需内容

这个标签要在<frameset>~</frameset>范围的最开始或者最后处放置一个。在<noframes>~</noframes>范围内要首先放置body标签，并在其中填写所要显示的内容。

指定链接目标在哪一个框架内显示

如果对框架内的文件中指定的链接不进行设置的话，就会在原来的相同框架中显示链接目标，如果想使这个链接目标在其他框架中显示的话，就需要指定target属性值，用想要显示（frame标签）的那个框架的name属性来指定框架名称

插入内嵌框架

iframe标签不仅可以放置分割窗口形式的框架，还可以在窗口中放置独立显示的内嵌框架。在框架内还可以显示src属性所指定的内容

如果浏览器不支持这种框架，要在<iframe>~</iframe>之间指定要显示的内容

12、关于脚本

在HTML中插入脚本

在HTML文件中编写脚本的时候要用到script标签，脚本语言要写在这个标签的范围内

这时，在不支持这个标签的浏览器上会在画面上显示出脚本的部分，为了避免这种现象，通常把脚本整体作为HTML的注释。这个标签可以放在<head>~</head>和<body>~</body>范围内的任意位置上

在不能执行脚本的环境中添加所需的内容

在脚本不能运行的时候，可以使用noscript标签来指定替代显示的内容

这个标签要放置在<body>~</body>的范围内

标签内容

备注

基本标签

所有HTML文件都有的

<html>……</html> 表示文件类型为HTML文档

<head>……</head> 设置文档描述及其他不在WEB网页上显示的信息

<body>……</body> HTML文档的主体（页面的实际内容）

标题标签

<title>……</title> 在标题栏中显示的题目（放在<head></head>内）

扩展属性标签

<base> 基址标签，为解决相对编址作参考值

<META> 将HTTP命令发给CONTENT=numberurl允许，描述不包含在标准HTML里的文档信息。使用详解

<ISINDEX> 指明在服务器上提供文档的可以检索的索引

页面属性标签

<body>……</body>标签的扩展属性。使用详解

<body bgcolor=#……> 设置背景颜色，用名字或十六进制值

<body text=#……> 设置文本文字颜色，用名字或十六进制值

<body link=#……> 设置链接颜色，用名字或十六进制值

<body vlink=#……> 设置已使用的链接的颜色，用名字或十六进制值

<body alink=#……> 设置正在被击中链接的颜色，用名字或十六进制值

文本标签

<pre>……</pre> 创建预格式化文本

<h1>……</h1> 创建最大的标题

<h6>……</h6> 创建最小的标题

<b>……</b> 创建黑体字

<i>……</i> 创建斜体字

<tt>……</tt> 创建打字机风格的字体

<cite>……</cite> 创建一个引用，通常是斜体

<em>……</em> 加重（通常是斜体加黑体）

<strong>……</strong> 强调（通常是斜体加黑体）

<font size=value></font> 设置字体大小，从1到7

<font color=……></font> 设置字体的颜色，使用名字或十六进制值

链接

<a href="/URL"></a> 创建一个超链接

<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接

<a name="NAME"></a> 创建一个位于文档内部的靶位

<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接

格式排版

<p> 创建一个新的段落

<p align=……> 将段落按左、中、右对齐

<br> 插入一个回车换行符

<blockquote>……</blockquote> 从两边缩进文本

<dl>……</dl> 创建一个定义列表

<dt> 放在每个定义术语词之前

<dd> 放在每个定义之前

<ol>……</ol> 创建一个标有数字的列表

<li> 放在每个数字列表项之前，并加上一个数字

<ul>……</ul> 创建一个标有圆点的列表

<li> 放在每个圆点列表项之前，并加上一个圆点

<div align=……> 一个用来排版大块HTML段落的标签，也用于格式化表

图形元素

<img src="/name"> 添加一个图像

<img src="/name" align=value> 排列对齐一个图像：左中右或上中下

<img src="/name" border=value> 设置围绕一个图像的边框的大小

<hr> 加入一条水平线

<hr size=value> 设置水平线的大小（高度）

<hr width=value> 设置水平线的宽度（百分比或绝对像素点）

<hr noshade> 创建一个没有阴影的水平线

表格

<table>……</table> 创建一个表格

<tr>……</tr> 开始表格中的每一行

<td>……</td> 开始一行中的每一个格子

<th>……</th> 设置表格头：一个通常使用黑体居中文字的格子

表格属性

<table border=value> 设置围绕表格的边框的宽度

<table cellspacing=value> 设置表格格子之间空间的大小

<table cellpadding=value> 设置表格格子边框与其内部内容之间空间的大小

<table width=value 或 %> 设置表格的宽度－用绝对像素值或文档总宽度的百分比

<tr align=……> 设置表格格子的水平对齐（左中右）

<tr valign=……> 设置表格格子的垂直对齐（上中下）

<td colspan=value> 设置一个表格格子应跨占的列数（缺省为1）

<td rowspan=value> 设置一个表格格子应跨占的行数（缺省为1）

<td nowrap> 禁止表格格子内的内容自动断行回卷

窗框

<frameset>……</frameset> 放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中

<frameset rows="value,value"> 定义一个窗框内的行数，可以使用绝对像素值或高度的百分比

<frameset cols="value,value"> 定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比

<frame> 定义一个窗框内的单一窗或窗区域

<noframes>……</noframes> 定义在不支持窗框的浏览器中显示什么提示

窗框属性

<frame src="/URL"> 规定窗框内显示什么HTML文档

<frame name="name"> 命名窗框或区域以便别的窗框可以指向它

<frame marginwidth=value> 定义窗框左右边缘的空白大小，必须大于等于1

<frame marginheight=value> 定义窗框上下边缘的空白大小，必须大于等于1

<frame scrolling=value> 设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"

<frame noresize> 禁止用户调整一个窗框的大小

表单对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。

<form>……</form> 创建所有表单

<select multiple name="NAME" size=value>………</select> 创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目

<option> 设置每个表单项的内容

<select name="NAME">……</select> 创建一个下拉菜单

<textarea name="NAME" cols=value rows=value>……</textarea> 创建一个文本框区域，列的数目设置宽度，行的数目设置高度

<input type="checkbox" name="NAME"> 创建一个复选框，文字在标签后面

<input type="radio" name="NAME" value="x"> 创建一个单选框，文字在标签后面

<input type=text name="……" size=value> 创建一个单行文本输入区域，size设置以字符计的宽度

<input type="submit" value="NAME"> 创建一个submit（提交）按钮

<input type="image" border=0 name="NAME" src="/name.gif"> 创建一个使用图象的submit（提交）按钮

<input type="reset"> 创建一个reset（重置）按钮

附加属性

<PRE>……</PRE> 预置格式风格标签用来显示字体宽度固定的文本块，主要用来在表格格式中显示文本

<TT>……</TT> 打字机风格用来显示打字机字体宽度固定的文本

<SAMP>……</SAMP> 示例风格以单倍距显示文本

<ADDRESS>……</ADDRESS> 地址风格一般用于文档的开始或结尾处，并以斜体格式显示文本。

<DL>……</DL> 定义列表风格用来显示术语及其定义

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/11514422.html

在js 方法中返回一个htlm标签构成的字符串在使用<c:if test="">时碰到了问题

发表评论

评论列表（0条）

在js 方法中返回一个htlm标签构成的字符串 在使用&lt;c:if test=""&gt;时碰到了问题

发表评论

评论列表（0条）

在js 方法中返回一个htlm标签构成的字符串在使用<c:if test="">时碰到了问题