超链接
格式:<a href="链接地址">显示的文字</a>
注意:/表示以当前网页为准的同一文件夹下的网页,一般省略/,不写
./表示以当前网页为准的同级文件夹
../表示以当前网页为准的上级文件夹
title:设置当鼠标移入时,有相应的文本提示
target:规定在何处打开链接文档
在新窗口打开文档
<a href="链接地址" target="_blank">在新窗口打开网页</a>
锚点
( 1)、创建锚点
<a href="" name="锚点名字">显示的文字</a>
( 2)、指向锚点
<a href="#锚点名字“>指向锚点的文字</a>
注:#号的作用是与href中的链接地址分隔开来
框架
如何在框架中打开页面
(1)、给框架命名:
<iframe src="" frameborder="1" name="名称">
( 2)、框架内打开:
<a href="网页地址" target="名称">显示文字</a>
注:"1"表示有边框,"0"表示无边框
表格
(1)格式:
<table>
<caption>表格标题</caption>
<tr>
<th>表头</th>
<td>单元格内容</td>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
</table>
(2) table常用标签:
cellpadding 内表格间距,调节整个表格大小
cellpacing 单元格间距
align 对齐方式 border-collapse:collapse 合并表格边框
form表单
(1)、基本类型<input type="text"/>文本输入框
input 输入框 type 类型
常用类型:
password 密码 submit 提交 reset 重置 radio 单选
button 按钮 checkbox 复选 file 文件 image 图像
email 邮件 date 日期 color 颜色 number 数字
(2)、textarea文本域
格式:
<textarea name="" id="" cols="" rows=""></textarea>
(3)、select 下拉列表
格式:
<select>
<option value="">文本</option>
</select>
selected为默认选中 multiple可选多个选项
(4)、定义域 fieldset
格式:
<fieldset>
<lengend>标题
<input type="text">
</fieldset>
(5)、form表单格式
a、<form action="表单处理程序的地址" method="get/post"></form>
get与post区别
get地址栏显示,安全性低;post加密传输,安全性高
get提交方式快;post需要加密,提交方式较慢
get在http头里面请求数据,post在http正文
b、元素label
格式:
<input type="radio" name="sex" checked="checked" id="man">
<label for="man">男人</label>
c、id、class和name的区别
id:标签唯一标识,具有唯一性,相当于身份证 JS使用
class:标签的名称 前端使用
name:标签的名称 后台使用