基本标签:
< b > 加粗; < i > 倾斜; < u > 下划线; < br > 换行;
< hr >水平线 < p > 段落; < pre >格式化; < font >字体;
< a > 超链接 href设置地址 target 是否打开新窗口;—blank打开新窗口;
< hi >…< h6 > 标题标签;
< img > 加图片 src="" 设置路径 title 标题
< sub >下标 < sup > 上标
列表(type类型)
无序列表 < ul > < li >
有序列表 < ol > < li >
自定义列表 < dl > < dt > < dd >
表格
< table > < tr > < td >
border:边框大小 wight:宽 height:高 align: 对齐方式
cellspacing 单元格与单元格间距
cellspadding 单元格内容与单元格之间的距离
bordercolor 边框颜色
caption 表格标题
rowspan 合并行 colspan 和并列
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="1" width="500" height="300" bordercolor="red" align="center"cellspacing="0" cellpadding="10">
<caption>标题</caption>
<tr>
<td rowspan="2"></td>
<td colspan="3"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
表单
< form > < input >
< type > 元素类型
text 文本型 password 密码型 radio 单选按钮 checkbox 多选框
maxlength 最大字符数 min 最小字符数 placehoulder 阴影提示
filedset 对元素进行分组 legend 分组名称 textarea 文本域
select 下拉选择框 multiple 下拉选框 < optgroup > 选择分组 < lable >
< button > < input type=button / > 按钮 < submit >
< reset >重置按钮
< reset >重置按钮
method 提交方式 get(默认) / post;
get: 数据量小 有限制 会在url地址栏中显示用户数据 不安全;
post:数据量大 不会在url地址栏中显示用户资料 安全性高
< action>将表单数据提交到指定页面
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body >
<center>
<table border="1" cellspacing="0" style="margin-top: 300px;" width="300" height="200">
<tr>
<td>
<form>
姓名:<input type="text" placeholder="请输入用户名"/><br />
</form>
</td>
</tr>
<tr>
<td>
<form>
年龄:<input type="password" placeholder="请输入密码"/><br />
</form>
</td>
</tr>
<tr>
<td>
<form>
年龄:<input type="radio" name="enne"/>男
<input type="radio" name="enne"/>女
</form>
</td>
</tr>
<tr>
<td>
<form>
兴趣: <input type="checkbox" />象棋
<input type="checkbox" />乒乓球
<input type="checkbox" />王者荣耀 <br />
</form>
</td>
</tr>
<tr>
<td>
求职意向
<select>
<option>软件开发</option>
<option>前端设计</option>
<option>网络工程师</option>
</select>
</td>
</tr>
<tr>
<td align="center" >
<input type="resed" value="重置"/>
<input type="button" value="登录"/>
</td>
</tr>
</table>
</center>
</body>
</html>
框架
< frameset >
< rows >行 < cols > 列
< frameborder > 有无边框 0(无边框)1(有边框)
bordercolor 背景颜色 framespacing 框架之间间距
< frame > < src > 路径
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<frameset rows="20%,*,10%" frameborder="1" bordercolor="blue" framespacing="10">
<frame src="jianli.html" noresize="noresize" scrolling="no" />
<frameset cols="20%,70%,*">
<frame src="左边.html" />
<frame name="enen" />
</frameset>
</html>
内嵌式框架
< noresize > 用户不能随便修改框架大小
< scrolling > 滚动条是否显示
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table border="1" align="center" cellspacing="0" cellpadding="10">
<caption>个人简历</caption>
<tr>
<td rowspan="4" width="100">
<img src="img/a.jpg" width="100" />
</td>
<td >姓名:</td>
<td><input type="text" placeholder="张小虎"</td>
<td>年龄:</td>
<td><input type="text" placeholder="21"</td>
</tr>
<tr>
<td> 籍贯: </td>
<td><input type="text" placeholder="陕西省汉中市" /></td>
<td> 专业 :</td>
<td> <input type="text" placeholder="计算机" /> </td>
</tr>
<tr>
<td>求职意向</td>
<td>
<select>
<option>软件开发</option>
<option>前端设计</option>
<option>网络工程师</option>
</select>
</td>
<td>学历</td>
<td>
<input type="radio" name=zzz/>大专
<input type="radio" name=zzz/>本科
<input type="radio" name=zzz/>研究生
</td>
</tr>
<tr>
<td>手机号</td>
<td><input type="text" placeholder="" /></td>
<td>邮箱</td>
<td><input type="text" placeholder="" /></td>
</tr>
<tr>
<td>详细地址</td>
<td colspan="4"><input type="text" placeholder="" /></td>
</tr>
<tr>
<td>实习经验</td>
<td colspan="4">
<iframe src="经验.html" noresize="norsize" scrolling="no" width="500" height="150" frameborder="0"/>
</td>
</tr>
<tr>
<td> 自我评价</td>
<td colspan="4">
<iframe src="评价.html" noresize="norsize" scrolling="no" width="500" height="150" frameborder="0"/>
</td>
</tr>
</table>
</body>
</html>