html的学习
1.基本元素的使用。
头元素head
标题栏title
字体的属性font 字体face 色彩color 大小size
插入图片img 有链接src width height border
超链接 <a href="http://www.">XXX</a>
有序列表ol <li></li>
无序ul <li></li>
产生一条横线<hr size="3" height="2" align="center" width="90%">
<h1></h1> <h2></h2>
<br>
<p>
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
<font face="宋体" size="5" color="Blue">你好!欢迎光临我的主页!</font><br>
<img src="school.jpg" width="150" height="100" border="5"><br>
<a href="http://www.ndkj.com.cn">
<font face="楷体" size="3" color="green">南昌大学科技学院</font>
</a><br>
有序列表
<ol>
<li>热爱祖国</li>
<li>热爱人民</li>
</ol>
无序列表
<ul>
<li>热爱党</li>
<li>热爱学习</li>
</ul>
<hr size="3" height="2" align="center" width="90%">
<h2>哈哈...</h2>
</body>
</html>
2.表格的学习
表格table border边框 cellpadding字与单元格边框的间距 cellspacing单元格间隔
行tr 列td
<html>
<head>
<title>第三个页面</title>
</head>
<body>
<table border="5">
<tr><td><font face="宋体" size="5" color="red"><b>第一行第一列</b></font></td><td>第一行第二列</td></tr>
<tr><td>第二行第一列</td><td>第二行第二列</td></tr>
<tr><td>第三行第一列</td><td>第三行第二列</td></tr>
</table><br>
<table border="1">
<tr><td rowspan="2">跨二行</td><td colspan="2">跨二列</td></tr>
<tr><td>1000</td><td>1000</td></tr>
<tr><td>100</td><td>2000</td><td>3000</td></tr>
</table><br>
<table border="1"cellpadding="10" cellspacing="0">
<tr align="middle"><td>学号</td><td>姓名</td></tr>
<tr><td>7000803068</td><td>王联辉</td></tr>
</table><br>
<table border="1" cellpadding="0" cellspacing="10">
<tr><td>2000</td><td>1000</td></tr>
<tr><td>500</td><td>100</td></tr>
</table>
</body>
</html>
3.表单form
text,password,radio,checkbox,textarea,select等
文本框,密码框,多选框,单选框,下拉列表框,文本域等
<html>
<head>
<title>表单的学习</title>
</head>
<body>
<center>
<form method="post" action="do_submit.htm">
<table align="center">
<tr><td>用户名:</td><td><input type="text" name="userid" size="15"></td></tr>
<tr><td>密码: </td><td><input type="password" name="userpwd"></td></tr>
<tr><td><input type="submit" value="提 交" name="b1"></td><td><input type="reset" value="重 写" name="b2"></td></tr>
</table>
</form>
<hr>
<form action="do_submit.jsp" method="post">
<table align="center">
<tr><td colspan="2" align="center">用户管理系统</td></tr>
<tr><td>姓名:</td><td><input type="text" name="username" value="youname"></td></tr>
<tr><td> 密码:</td><td><input type="password" name="userpwd"></td></tr>
<tr><td>性别:</td><td><input type="radio" name="sex" checked value="1">男
<input type="radio" name="sex" value="2"></td></tr>
<tr><td>血型:</td><td><input type="radio" name="blood" checked value="1">O
<input type="radio" name="blood" value="2">A
<input type="radio" name="blood" value="3">B
<input type="radio" name="blood" value="4">AB</td></tr>
<tr><td>性格:</td><td><input type="checkbox" name="temple"checked value="1">热情大方
<input type="checkbox" name="temple" value="2">温柔大方
<input type="checkbox" name="temple" value="3">多情</td></tr>
<tr><td>文件:</td><td><input type="file"></td></tr>
<tr><td>简介:</td><td><textarea rows="8" cols="30"></textarea></td></tr>
<tr><td>城市:</td><td><select size=2><option value="1">北京市</option><option value="2">上海市</option><option value="3">南昌市</option></select></td></tr>
<tr><td><input type="submit" value="提交"></td><td><input type="reset" value="重设"></td></tr>
</table>
</form>
</center>
</body>
</html>
4.设计网页框架
分为左右架,上下架
<html>
<frameset rows="20%,*">
<frame name="top" src="top.html" noresize>
<frame name="bottom" src="bottom.html" noresize>
</frameset>
</html>
<html>
<frameset cols="20%,*">
<frame name="left" src="left.html" noresize>
<frame name="right" src="right.html" noresize>
</frameset>
</html>