html语法详解
html语法:1.Html
(1)基本操作范例
html是一个静态的页面的操作,下面的页面实现了基本的一些操作,静态页面的标题、字体设置(包括颜色、字体类型,字体大小)、段落的设置、下划线、中划线、粗体、斜体、右上角显示、右下角显示、表格的操作(标题、表头、行中字段的位置)、表单的操作、明文的文本框、密码框、单选、多选、复选框、文本域、隐藏按钮、提交按钮、重置按钮、超链接、图片的显示等等的操作。
<html>
<head><title>包含基本操作的html的静态页面</title></head>
<body><center>
<p><font color="red" size="16" face=Arial>静夜思</font>
<hr color="blue">
<p align="center">
<u>床前明月光,疑是地上霜。</u><br><br>
<b>举头望明月,低头<font color="red"><i>思</i></font>故乡。</b><br>
<hr color="blue">
<h3>水的分子式是H<sub>2</sub>O</h3>
<h3>3<sup>2</sup>等于9</h3>
<hr color="blue">
<h4>下面是对表格的操作</h4>
<table border=1 align="center" bgcolor="#ffdddd">
<caption>这是表格的标题</caption>
<tr align="center" valign="left">
<th>表头一</th>
<th>表头二</th>
<th>表头三</th>
</tr>
<tr align="right" valign="center">
<td>数据一</td>
<td>数据二</td>
<td>数据三</td>
</tr>
<tr align="left" valign="right">
<td>数据四</td>
<td>数据五</td>
<td>数据六</td>
</tr>
</table>
<hr color="blue">
<h3>下面是交互式的表单</h3>
<form action="demo.jsp" method="post">
<table >
<tr><td>
姓名:<input type="text" name="name" value="默认的姓名" size="10" >
</td></tr>
<tr><td>
性别:<input type="radio" name="sex" value=1 checked>男
<input type="radio" name="sex" value=0 >女
</td></tr>
<tr><td>
兴趣:<input type="checkbox" name="inter" value="football">足球
<input type="checkbox" name="inter" value="basketball">篮球
<input type="checkbox" name="inter" value="volleyball">排球
</td></tr>
<tr><td>
最高学历:<select size=1 name="education">
<option value="" selected>...</option>
<option value="高中">高中</option>
<option value="大学">大学</option>
<option value="硕士">硕士</option>
<option value="博士">研究生</option>
</td></tr>
<tr><td>
个人简历:<textarea name="personInfo" rows=5 cols=50 >个人简历</textarea>
</td></tr>
<tr><td>
这里有一个隐藏的控件
</td></tr>
<tr><td>
<input type="submit" value="提交">
<input type="reset" value="重置">
</td></tr>
</table>
</form>
<hr color="blue">
<h3>下面是一些其他的操作</h3><br>
点击<a href="www.52ij.com">此处</a>会跳转到我爱IT技术网的首页。<br>
这是一张图片<img src="demo.jpg" width=500 heigth=300>
</center></body>
</html>
(2)基本操作范例(表格)
<html>
<head><title>运动服销售行情</title></head>
<body bgcolor="#0000ff"><center>
<b><font face="隶书" size=6 color="#ffff00">运动服销售行情</b></font><br>
<table border cellspacing=2 bordercolor="#ff0000" cellpadding=7 width=568>
<tr>
<td width="25%" valign="top" bgcolor="#ffff00">
<b><font face="宋体" size=3 color="#000080">品牌</b></font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<b><font face="宋体" size=3 color="#000080">产地</b></font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<b><font face="宋体" size=3 color="#000080">单价</b></font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<b><font face="宋体" size=3 color="#000080">折扣</b></font></td>
</tr>
<tr>
<td valign="top" colspan=4 bgcolor="#ffff00">
<b><i><font face="隶书" size=4 color="#ff0000">我爱IT技术网</i></b></font></td>
</tr>
<tr>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">北京</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">南京</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">5000</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">9</font></td>
</tr>
<tr>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">杉杉</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">上海</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">6000</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">9</font></td>
</tr>
<tr>
<td valign="top" colspan=4 bgcolor="#ffff00">
<b><i><font face="隶书" size=4 color="#ff0000">2013年阳光明媚的三月</i></b></font></td>
</tr>
<tr>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">仕奇</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">厦门</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">5000</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">9</font></td>
</tr>
<tr>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">长城</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font face="宋体" size=3 color="#000080">北京</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">8000</font></td>
<td width="25%" valign="top" bgcolor="#ffff00">
<font size=3 color="#000080">8</font></td>
</tr>
</table>
</center></body>
</html>
本文来源 我爱IT技术网 http://www.52ij.com/jishu/486.html 转载请保留链接。
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-

