JavaWeb学习之HTML

首先举例总结HTML各个标签:

        <body>文件主体标记,<body>表示文档开始,</body>表示文档结束,属性bgcolor设置页面背景颜色,background设置背景图案或图像文件URL,text设置网页文字颜色,link设置尚未链接过超链接文字颜色,vlink是设置已经链接过超链接文字颜色,alink设置鼠标单击超链接后超链接颜色;

        <hn>标题标记,1-6,字体依次变小,属性align设置标题文字对齐方式,left左对齐,center居中,right右对齐;

        <font>文字样式标记,控制文字字体大小颜色;属性face设置字体,size设置字体大小,color设置颜色,<b>设置粗体,<i>设置斜体,<u>设置下划线,<s>删除划线,<sup>设置上标,<sub>设置下标,<big>大字体,<small>小字体,<strong>重点突出显示(粗体),<em>突出显示(斜体),<address>电子邮件和网址(缩小和斜体),<code>按代码显示(缩小字体);

        常用特殊字符:<(&lt;)  >(&gt;)  "(&quot;)  空格符(&nbsp;)  &(&amp;)  版权号(&copy;)

        <p>标记表示另起一段,并在段前空一行,</p>可以省略,属性align设置文字对齐方式

<br>换行标记,<nobr>禁止换行标记,<hr>水平线标记,size水平线粗细,默认1,width水平线宽度,以像素为单位,也可以是窗口百分比,align对齐方式,color水平线颜色;
<pre>预格式化标记,html文档中空格回车换行符等在浏览器中不起作用
<img>图像标记,src指出图像路径,alt定义一个文本串,浏览器未完全读出图像或因故障不能显示图像时,图像位置显示文本串,浏览器可以显示图像时,文本串不起作用,属性align对齐方式left,middle,right,top,bottom;border图像边框宽度,width,height图像的宽度和高度;
<bgsound>背景音乐标记,src指向音乐URL,loop背景音乐循环次数,loop=-1时无限循环;

<embed>音乐和影像文件标记,src指向url,width和height给出播放器高度和宽度,autostart设置播放模式,true自动播放,no不播放,false单击播放,默认是no,loop循环模式,true无限制循环,no只播放一次,默认no;

        <table>表格标记,表格由行列和单元格组成;属性:border表格边框宽度,width和height表格宽度和高度,bgcolor表格背景色,bordercolor表线颜色,cellspacing单元格之间距离,cellpadding单元格与表线之间距离,align表格在页面中位置;<caption>标题标记,属性align,top表首,bottom表尾,默认top;<tr>行标记,<th>元素显示黑体,<td>单元格标记,属性,align单元格内容水平对齐方式left,center,right;valign单元格垂直对齐方式top|middle|bottom|baseline;rowspan单元格向下跨n行,colspan单元格向右跨m列,相当于合并单元格;

<ul>无序列表标记,属性type=disk默认实心圆点|circle空心圆点|square实心方块; <li>列表内容
<ol>有序列表,type=1默认,数字标识|A大写字母标识|a小写字母标识|I大写罗马字母标识|i小写罗马字符标识;start表示从哪个属性开始标识;
<dl>描述列表标记,其中<dt>表示术语,<dd>表示术语定义(无</dt></dd>);
<div>标记之间可以容纳多个不同的html标记和显示元素,在<div>前和</div>后都会自动换行,形成一个独立的块,块是一个对象,可以被调用,align属性left|center|right|justify;
<span>之间也可以容纳多个不同html标记和语言元素,是一个行内标记,在<span>前后不会换行,没有align属性;
        超链接标记:
<a href=URL>超链接</>;<a href="#锚名">跳转当前页面锚名</a>
        表单标记<form>,属性:method指定表单中输入数据传输方法,取值为get和post,默认get;action用来指定完成表单信息处理任务服务器程序的完整URL;name可选项,表单命名;enctype指定表单输入数据编码方法,在method=post情况下才有效;
<input>输入标记,name定义控件名字,value设置控件输入域初始值,maxlength定义控件输入域允许输入最多字符数,size定义控件输入域大小,checked设置复选框和单选按钮初始状态,URL和align:指定在图像按钮中使用图像所在位置和图像对齐方式;
type组件类型:buttom按钮;text文本框;password密码框;checkbox复选框;radio单选框;submit提交按钮;image图像按钮;reset复位按钮;hidden隐藏表单组件;textarea多行文本框;file上载文件;
下拉列表框标记<select>:name下拉列表框名字,size定义一次可以看见列表项数目,multiple允许进行多项选择,由<option>定义列表框各个选项;selected表示该项预先选定,value控件初始值
<textarea>多行文本框标记,cols文本宽度(单位字符),rows文本区行数
窗口框架建立:先要定义一个框架集<frameset>,属性rows子窗口高度,一组用“,”分开的数值,cols子窗口宽度,frameborder框架子窗口是否显示边框1显示0不显示,border框架边框宽度,bordercolor框架边框颜色;

<frame>标记定义子窗口,src子窗口显示文件URL 

<base href="URL>基地址标记,使用该标记可以简化页面超链接编写,只需要写出基准路径的相对路径即可
<meta>标记有属性,属性值提供文档相关信息
<link>指明本网页需要其他资源情况,显示作者信息,相关检索信息等
页面动态刷新:<meta http-equiv="refresh" content="秒数;URL=目标网址">
显示移动文字:<marquee direction=移动方向>移动文字或图像</marquee>,direction设置移动方向,left从右到左,right从左到右,top从下到上,down从上到下;
属性behavior设置移动方式,可取值scroll|slide|alternate;width,height移动区域高度和宽度;scrolldelay移动延迟时间默认90ms;bgcolor移动区域背景色;
<iframe>浮动窗口
<applet code=Applet文件名称  width=宽度 height=高度></applet>

猜你喜欢

转载自blog.csdn.net/object__/article/details/80290696