html 基础实例

 <!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://fuhoo.blog.sohu.com">符琥的博客</a>

  <a href="mailto:damozhijingmu@163.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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值