Html代码:
基础
(1)题标签一共6种,从h1、h2一直到h6,h1为最大标题、h6为最小标题。
< a href=”网站的地址”>网站的名字或文字</a> <br/>**********换行 <p>第一段</p> <!-- 注释内容 –> <hr/>*********水平分割线 <img src=”图片的路径” /> | 空格 : 大于 >:> greater than 小于 <: < less than 引号 ”:" quotation 版权号:© |
有序列表 <ol> <li>HTML</li> <li>CSS+DIV</li> <li>JavaScript</li> </ol> | 无序列表 <ul> <li>项目1</li> <li>项目2</li> … </ul> | 定义列表 <dl> <dt>名词1</dt> <dd>我是对名词1的解释</dd> <dt>名词2</dt> <dd>我是对名词2的解释</dd> … </dl> |
(2)<!-- 放在marquee中的文字或图片可以移动、默认从右向左移 -->
<marquee direction="right" scrollAmount="3">我是一条公告</marquee>常用属性
scrollAmount它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
(3)
表单基本语法:
<form>
表单的内容
</form>
表单的常用属性
1. action
表单的提交位置,提交给谁处理 通常是一个jsp页面 或者是一个java代码
2. method 提交方式
默认是get提交
get: 提交的参数会显示到url中,不安全,参数的长度是有限制的(类似纸质菜单)
post: 提交的参数不会显示到url中,相对安全,参数的长度理论上无限制(点餐机)
*******************************常见的表单域*************************************
一.文本框
<input type="text" name="username"/>
二.密码框
<input type="password" name="password1" id="password1"/>
三.按钮
1.提交按钮
<input type="submit" value="登录" />
2.重置按钮
<input type="reset" value="重置" />
把表单域中的内容恢复成默认值,注意不是清空
3.普通按钮<input type=”button” value=”按钮上的文字”/>
4.图片按钮<input type=”image” src=”图片名”/>
四、隐藏域
<input type=”hidden” name=”隐藏域的名字” value=”传递的内容”/>
五、单选框 <input type=”radio” name=”单选框组名” value=”提交给服务器的值”/>
复选框<input type=”checkbox” name=”复选框组名” value=”提交给服务器的值”/>
六、下拉列表框
<select name=”下拉列表的名字”>
<option value=”提交给服务器的值1”>选项1</option>
<option value=”提交给服务器的值2”>选项2</option>
</select>
七、多行文本域<textarea name=”多行文本域的名字” rows=”行数” cols=”列数”>
文件域 <input type=”file” name=”文件域的名字”/>
八、表格
<table>
<tr><td>第一行第一列</td><td>第一行第二列</td><td>第一行第三列</td></tr>
<tr><td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td></tr>
…
</table>
align:定义在table元素上表示表格在网页中的对齐方式,属性值可以是left、center、right,
width:定义在table元素上表示表格所占的宽度。
background-color:定义表格的背景颜色。
color:定义表格中文字的颜色。
************跨行跨列********
colspan:表格中的列合并。设置到td或th上,colspan=”2”表示把两列合并为一列。
rowspan:表格中的行合并。设置到td或th上,rowspan=”2”表示把两行合并为一行。
完整的table
<table>
<caption></caption>
<thead><tr>...</tr></thead>
<tbody><tr>...</tr></tbody>
<tfoot><tr>...</tr></tfoot>
< /table>
九、普通框架
<frameset rows="100,*,100">
<frame src="网页1" name="top"/>
<frame src="网页2" name="main"/>
<frame src="网页3" name="bottom"/>
</frameset>
内嵌框架
<iframe src=”网页1” name=” 内嵌框架名字” width=”宽度” height=”高度” scrolling=”no” frameborder=”边框大小”></iframe>
<fieldset> </fieldset>************加框
display:block;*************块级元素和行内元素相互转换