html 基础实例
2007-07-13 09:46
260 查看
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>段落实例</title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<p>左对齐的水平线<hr align="left" width="30%">
居中的水平线<hr align="center" width="30%">
右对齐的水平线<hr align="right" width="30%">
<p>第一段落
<p>第二段落
<p>第三段落<br>
第一个换行<br>第二个换行<br>第三个换行<br>
<pre>
预格式
第一个段落
第二个段落
第一个换行
第二个换行
第三个换行
</pre>
<!--
项目符号和编号：
<ul type=形状类型>
<li>项目罗列
。。。。。
<li>项目罗列
</ul>
形状类型有3种 ：disk(实心圆)、square(正方型)、circle(空心圆)
<ol type=符号名称 start=数字>
<li>项目罗列
。。。。。。
<li>项目罗列
</ol>
-->
<ul type="square">
<li>无序罗列
<li>无序罗列
<li>无序罗列
</ul>
<ul type="circle">
<li>无序罗列
<li>无序罗列
<li>无序罗列
</ul>
<ol type="1">
<li>有序罗列
<li>有序罗列
<li>有序罗列
</ol>
<ol type="a" start="7">
<li>有序罗列
<li>有序罗列
<li>有序罗列
</ol>
<font color="black" face="宋体" size="2">宋体</font>
<font color="gray" face="黑体" size="+3">黑体</font>
<font color="blue" face="隶书" size="7">隶书</font>
<font color="red" face="幼圆" size="6">幼圆</font><br>
<b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除线</s> <strong>加强显示</strong> <big>放大</big> <small>缩小</small>
<a href="http://blog.csdn.net/gaojie0802/">果果的博客</a>
<a href="mailto:zsknx108@hotmail.com">果果的E-mail</a>
<img alt="说明文字" align="对齐方式" border="边框宽度" height="图象高度" src="图象Url" width="图象宽度"><br>
<table width="80%" border="1" cellspacing="20%" cellpadding="20"> summary="The domain introduction from dreamdu.com">>
<caption>域名统计</caption>
<tr>
<th>www.dreamdu.com</th>
<th>.com域名的数量</th>
<th>.cn域名的数量</th>
<th>.net域名的数量</th>
</tr>
<tr>
<td>2003年</td>
<td>1000</td>
<td>2000</td>
<td>3000</td>
</tr>
<tr>
<td>2004年</td>
<td>4000</td>
<td>5000</td>
<td>6000</td>
</tr>
<tr>
<td>2005年</td>
<td>7000</td>
<td>8000</td>
<td>9000</td>
</tr>
</table>
<!--说明:
table里面可以有很多行,每一行使用tr表示
每个行tr里面又可以有很多列,每一列使用td表示 -->
<form action="dreamdu.php" method="post" id="dreamduform">
<fieldset>
<legend>你对梦之都的感觉:</legend>
<label for="select">你对梦之都的感觉</label>
<select size="1" id="select" name="select">
<option>很全面,很好</option>
<option selected="selected">一般般吧,还要努力</option>
<option>有很多问题,不过还可以</option>
</select>
</fieldset>
<fieldset>
<legend>你在梦之都想学习的编程语言:</legend>
<label for="multipleselect">你在梦之都想学习的编程语言</label>
<select size="10" multiple="multiple" id="multipleselect" name="multipleselect">
<option selected="selected">XHTML</option>
<option>CSS</option>
<option>JAVASCRIPT</option>
<option>XML</option>
<option selected="selected">PHP</option>
<option>C#</option>
<option>JAVA</option>
<option>C++</option>
<option>PERL</option>
</select>
</fieldset>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>段落实例</title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<p>左对齐的水平线<hr align="left" width="30%">
居中的水平线<hr align="center" width="30%">
右对齐的水平线<hr align="right" width="30%">
<p>第一段落
<p>第二段落
<p>第三段落<br>
第一个换行<br>第二个换行<br>第三个换行<br>
<pre>
预格式
第一个段落
第二个段落
第一个换行
第二个换行
第三个换行
</pre>
<!--
项目符号和编号：
<ul type=形状类型>
<li>项目罗列
。。。。。
<li>项目罗列
</ul>
形状类型有3种 ：disk(实心圆)、square(正方型)、circle(空心圆)
<ol type=符号名称 start=数字>
<li>项目罗列
。。。。。。
<li>项目罗列
</ol>
-->
<ul type="square">
<li>无序罗列
<li>无序罗列
<li>无序罗列
</ul>
<ul type="circle">
<li>无序罗列
<li>无序罗列
<li>无序罗列
</ul>
<ol type="1">
<li>有序罗列
<li>有序罗列
<li>有序罗列
</ol>
<ol type="a" start="7">
<li>有序罗列
<li>有序罗列
<li>有序罗列
</ol>
<font color="black" face="宋体" size="2">宋体</font>
<font color="gray" face="黑体" size="+3">黑体</font>
<font color="blue" face="隶书" size="7">隶书</font>
<font color="red" face="幼圆" size="6">幼圆</font><br>
<b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除线</s> <strong>加强显示</strong> <big>放大</big> <small>缩小</small>
<a href="http://blog.csdn.net/gaojie0802/">果果的博客</a>
<a href="mailto:zsknx108@hotmail.com">果果的E-mail</a>
<img alt="说明文字" align="对齐方式" border="边框宽度" height="图象高度" src="图象Url" width="图象宽度"><br>
<table width="80%" border="1" cellspacing="20%" cellpadding="20"> summary="The domain introduction from dreamdu.com">>
<caption>域名统计</caption>
<tr>
<th>www.dreamdu.com</th>
<th>.com域名的数量</th>
<th>.cn域名的数量</th>
<th>.net域名的数量</th>
</tr>
<tr>
<td>2003年</td>
<td>1000</td>
<td>2000</td>
<td>3000</td>
</tr>
<tr>
<td>2004年</td>
<td>4000</td>
<td>5000</td>
<td>6000</td>
</tr>
<tr>
<td>2005年</td>
<td>7000</td>
<td>8000</td>
<td>9000</td>
</tr>
</table>
<!--说明:
table里面可以有很多行,每一行使用tr表示
每个行tr里面又可以有很多列,每一列使用td表示 -->
<form action="dreamdu.php" method="post" id="dreamduform">
<fieldset>
<legend>你对梦之都的感觉:</legend>
<label for="select">你对梦之都的感觉</label>
<select size="1" id="select" name="select">
<option>很全面,很好</option>
<option selected="selected">一般般吧,还要努力</option>
<option>有很多问题,不过还可以</option>
</select>
</fieldset>
<fieldset>
<legend>你在梦之都想学习的编程语言:</legend>
<label for="multipleselect">你在梦之都想学习的编程语言</label>
<select size="10" multiple="multiple" id="multipleselect" name="multipleselect">
<option selected="selected">XHTML</option>
<option>CSS</option>
<option>JAVASCRIPT</option>
<option>XML</option>
<option selected="selected">PHP</option>
<option>C#</option>
<option>JAVA</option>
<option>C++</option>
<option>PERL</option>
</select>
</fieldset>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML基础：文本列表实例1（8）
- HTML基础实例
- 【php基础班】第2天 HTML实例、bgsound、HTML颜色、计算机编码、meta标签、img标签、a标签、w3c、URL
- HTML 基础 （标签）- 四个实例
- HTML 基础标签实例（全面概况HTML的知识要点，这些一定要掌握）
- HTML+CSS+JS基础实例
- HTML基础：文本列表实例2（9）
- HTML 基础- 4个实例
- HTML 基础标签实例
- HTML基础笔记之表单实例
- html 盒子模型基础（导航条实例:会出现高度塌陷问题）（七）
- Html-音视频基础实例
- HTML 基础标签实例
- HTML 基础- 4个实例
- HTML基础标签实例
- HTML 基础标签实例
- python 解析html基础 HTMLParser库,方法,及代码实例
- php生成html简单代码实例 .
- DOM基础及DOM操作HTML
- html 选择器之基础选择器