Java-Web开发基础之html语法基础 - 小雄的博客 - ITeye技术网站

Java修炼馆 2011-05-03

展开全文

Java-Web开发基础之html语法基础

文章分类:Web前端

1.设置页面自动刷新在头部标签<head></head>之间加上：<meta http-equiv="refresh" content="2;url=http://www.baidu.com">

2.在网页中插入图片语法为： <img src="pa.jpg" width="50%" height="50%" align="right" border="2"/>

3.在网页中设置一些字的格式大小等：<font face="宋体" size="10" color="orange">文字效果显示</fort>

4.在网页中插入文字超链接：<a href="http://www.qq.com" target=blank title="点击可进入腾讯主页">腾讯主页</a>

5.在网页中插入图片超链接： <a href="http://www.baidu.com"><img src="pa.jpg"></a>

6.文字的基本修饰：删除线<del></del> 下划线<ins></ins> 粗体<b></b> 斜体<i></i> 字号大小有<h1></h1>到<h6></h6>标签

7.设置页面背景、背景图片、文本颜色：在<body>标签追加 <body bgcolor="green" text="blue">或<body background="pa.jpg" text="blue">

8.插入水平线：<hr> 可以加以修饰<hr color="yellow"size="1" width="80%" align="left">

9.表格的基本操作

<1>在网页中插入表格使用<tible></tible>标签

<tibel>标签可以加以修饰如：<table align="center" border="1" bordercolor="blue" width="300" height="100" bgcolor="#ffcccc" cellpadding="10" cellspacing="0"> 其中cellspacing="0"指定单元格间距为0 cellpadding="10"指定单元格内元素与边框的间距为10像素。

<2>标签<tr>代表表格中的一行

<3>标签<tb>代表表格中的一列

<4><tr>和<td>标签组合代表单元格例如：

代表的就是一行三列的单元格

<5>跨行、跨列的单元格

跨列（合并水平单元格）：<td colspan="3">yyy</td>插入了一个跨三列的单元格

跨行（合并垂直单元格）：<td rowspan="3">联系方式</td>插入了一个跨三行的单元格

10.用户交互表单的基本操作

<1>定义一个表单

<2>插入文本框

<3>插入单选按钮

<input type="radio" name="genter" value="man" checked>男
<input type="radio" name="genter" value="girl" >女

<4>插入多选框

      <input type="checkbox" name="fruit" value="apple">苹果
      <input type="checkbox" name="fruit" value="orange" checked>橙子
      <input type="checkbox" name="fruit" value="banana">香蕉

<5>插入下拉菜单

<5>插入文本域

<6>插入文件上传组键

但是必须在<form>标签后追加 enctype="multipart/form-data"method="post"

<7>提交按钮、重置按钮

11.在网页中嵌入音频和视频文档加入标签<embed>如：

12.插入有序列表：其中的type可以填写1、a、A

13.网页中一些特殊字符显示

空格：&nbsp；乘号：&times 除号：&divide

14.网页中文本按原样输出加上<pre></pre>标签

15. 标签<br>在网页中表示换行

标签<p></p>代表段落相当于加两个<br>

16.target属性

target属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：
-blank，在新浏览器窗口中打开链接文件。
-parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。
-self，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。
-top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架

17.align属性设置对齐方式通常有 left、right、top、bottom

18.框架Frame

<1> 将页面分成左右两个框架（指定第一个框架为页面的25%，余下的为第二个框架，nresize属性指定框架不能拖动）

<2>将页面分成上下两个框架

<3>嵌套框架

     </frameset>
19.添加滚动文字 <marquee></marquee>
属性 bgcolor设置滚动文字的背景颜色
     direction 设置滚动方向可选值有 up down left right
     behavior 设置滚动方式 scroll（循环往复滚动，为默认值） slide（滚动一次就停止） alternate（来回交替滚动）
     scrollamount 设置滚动速度一般设为3
     scrolldelay 设置滚动延迟常设值为50 120 400
     width/height 设置滚动范围
     loop 设置滚动次数