web前端–html4练习
标签总览：
<html>
<head>
<meta charset="utf-8">
<title>基础标签练习title>
head>
<body>
<b>
黄鹤楼送孟浩然之广陵
b><br />
故人西辞黄鹤楼，烟花三月下扬州。<br />
孤帆远影碧空尽，唯见长江天际流。<br />
<h1>java开发的三个方向h1>
<h2>Java SEh2>
<p>主要运用于桌面程序的开发。它是学习Java EE和Java Me的基础，也是本书的重点内容。p>
<h2>Java EEh2>
<p>主要用于网页程序的开发。随着互联网的发展。越来越多的企业使用Java语言来开发自己官方网站。p>
<h2>Java MEh2>
<p>主要用于嵌入式系统程序的开发。p>
<h1>好h1>
<h2>想h2>
<h3>爱h3>
<h4>这h4>
<h5>个h5>
<h6>世h6>
<center>界center><br />
<h3>编程字典有以下几个品种（默认属性为disc）h3>
<ul type="disc" >
<li>Java编程字典li>
<li>VB编程字典li>
<li>VC编程字典li>
<li>.net编程字典li>
<li>C#编程字典li>
ul>
<ul type="circle">
<li>Java编程字典li>
<li>VB编程字典li>
<li>VC编程字典li>
<li>.net编程字典li>
<li>C#编程字典li>
ul>
<ul type="square">
<li>Java编程字典li>
<li>VB编程字典li>
<li>VC编程字典li>
<li>.net编程字典li>
<li>C#编程字典li>
ul>
<h3>有序列表h3>
<ol type="1">
<li>Java编成宝典li>
<li>VB编程字典li>
<li>VC编程字典li>
<li>.net编程字典li>
<li>C#编程字典li>
ol>
<h3>自定义列表h3>
<dl>
<dd>1、香蕉dd>
<dd>a.苹果dd>
<dd>b.葡萄dd>
<dd>2.西瓜dd>
<dd>c.草莓dd>
dl>
<marquee>我是跑跑跑的一段话marquee>
<marquee direction="right">我是跑跑跑的第二段话marquee>
<marquee direction="right" scrollamount="1">我是跑跑跑的第三段话marquee>
<center><marquee direction="up" scrollamount="5" width="500" height="200" bgcolor="red">我是跑跑跑的第四段话<p>快跑快跑p>我来了marquee>center>
<h2>默认的hr分割线h2>
<hr />
<h2>自定义hr分割线h2>
<hr align="center" width="500px" color="red" size="50" />
<pre >这是一段话pre>
<font size="7" color="red">长沙font>
<table width="318" height="167" border="1" align="center">
<caption>学生考试成绩单caption>
<tr>
<td align="center" valign="middle">姓名td>
<td align="center" valign="middle">语文td>
<td align="center" valign="middle">数学td>
<td align="center" valign="middle">英语td>
tr>
<tr>
<td align="center" valign="middle">张三td>
<td align="center" valign="middle">89td>
<td align="center" valign="middle">92td>
<td align="center" valign="middle">87td>
tr>
<tr>
<td align="center" valign="middle">李四td>
<td align="center" valign="middle">93td>
<td align="center" valign="middle">86td>
<td align="center" valign="middle">80td>
tr>
<tr>
<td align="center" valign="middle">王五td>
<td align="center" valign="middle">85td>
<td align="center" valign="middle">86td>
<td align="center" valign="middle">90td>
tr>
table>
<h2 align="center">表格背景颜色h2>
<table border="1" align="center" bgcolor="#FF34B3">
<tr>
<td>1td>
<td>2td>
<td>3td>
<td>4td>
<td>5td>
<td>6td>
tr>
<tr>
<td>100td>
<td>200td>
<td>300td>
<td>400td>
<td>500td>
<td>600td>
tr>
table>
<h2>横向表格头h2>
<table>
<tr>
<th>姓名th>
<th>性别th>
<th>年龄th>
tr>
<tr>
<td>柯南td>
<td>男td>
<td>12td>
tr>
<tr>
<td>小兰td>
<td>女td>
<td>17td>
tr>
table>
<h2>纵向表格头h2>
<table border="1">table>
<tr>
<th>姓名th>
<td>柯南td>
<td>小兰td>
tr>
<tr>
<th>性别th>
<td>男td>
<td>女td>
tr>
<tr>
<th>年龄th>
<td>12td>
<td>17td>
tr>
<table border="1" align="center" width="400">
<caption>电话列表（合并列）caption>
<tr>
<th>姓名th>
<th colspan="2">电话th>
tr>
<tr>
<td>张三td>
<td>01-666666td>
<td>01-888888td>
tr>
<tr>
<td>李四td>
<td>02-123456td>
<td>02-000000td>
tr>
table>
<table border="1" align="center" width="400">
<caption>电话号码表（合并行）caption>
<tr>
<th>姓名th>
<td>张三td>
<td>李四td>
tr>
<tr>
<th rowspan="2">电话th>
<td>01-123456td>
<td>02-666666td>
tr>
<tr>
<td>01-7654321td>
<td>02-8888888td>
tr>
table>
<table border="1" align="center" width="400">
<tr>
<td>
<p>第一章:龙出世p>
<p>第二章:龙夭折，小说完p>
td>
<td>
第二个单元格中的一个表格:
<table border="1" width="100">
<tr>
<td>Atd>
<td>Btd>
tr>
<tr>
<td>Ctd>
<td>Dtd>
tr>
table>
td>
tr>
<tr>
<td>
这是一个无序的序列：
<ul>
<li>香蕉li>
<li>苹果li>
<li>火龙果li>
<li>榴莲li>
ul>
td>
<td>
这是一个有序到的序列：
<ol>
<li>猴子li>
<li>狒狒li>
<li>蛇li>
<li>蚂蚁li>
ol>
td>
tr>
table>
<form id="form1" action="action.html" method="post" name="form" target="_blank">form>
<table border="1" cellpadding="2" cellspacing="0" align="center" width="400">
<caption>网上报名caption>
<form action="">
<tr>
<th>用户名：th>
<td><input name="username" type="text" size="25" maxlength="15"/>td>
tr>
<tr>
<th>密码：th>
<td><input name="password" type="password" size="27" maxlength="15"/>td>
tr>
<tr>
<th>性别：th>
<td>
<input type="radio" name="sex" checked="checked"/>男
<input type="radio" name="sex"/>女
td>
tr>
<tr>
<th>出生年月：th>
<td>
<select name="">
<option value="1970">1970option>
<option>1971option>
<option>1972option>
<option>1973option>
<option>1974option>
<option>1975option>
<option>1976option>
<option>1977option>
<option>1978option>
select>年
<select>
<option>1option>
<option>2option>
<option>3option>
<option>4option>
<option>5option>
<option>6option>
<option>7option>
<option>8option>
<option>9option>
<option>10option>
<option>11option>
<option>12option>
select>月
td>
tr>
<tr>
<th>兴趣爱好：th>
<td>
<input type="" />足球
<input type="checkbox" />乒乓球
<input type="checkbox" />橄榄球
<input type="checkbox" />蓝球
td>
tr>
<tr>
<th>个人简介：th>
<td>
<textarea rows="5" cols="30" maxlength="300">textarea>
td>
tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
td>
tr>
form>
table>
下拉列表框：
<select name="select">
<option>数码相机区option>
<option>摄影器材option>
<option>MP3/MP4/MP5option>
<option>U盘/移动硬盘option>
select>
<br /><br /><br /><br />
多行列表框（不可多选）：
<select name="select2" size="2">
<option>数码相机区option>
<option>摄影器材option>
<option>MP3/MP4/MP5option>
<option>U盘/移动硬盘option>
select>
<br /><br /><br /><br />
多行列表框（可多选）：
<select name="select3" size="3" multiple="multiple">
<option>数码相机区option>
<option>摄影器材option>
<option>MP3/MP4/MP5option>
<option>U盘/移动硬盘option>
select>
