1. 程式人生 > >html寫簡單的個人資訊網站 入門

html寫簡單的個人資訊網站 入門

效果圖

<html>
  <meta charset="utf-8">
  <body>
    <aside>
      <ul>
        <li><i>人生是一條旅程</i></li>
        <li><i>無論這條路是長還是短</i></li>
        <li><i>是平坦還是崎嶇</i></li>
        <li><i>你都必須堅定的走下去</i></li>
        <li><i><font color="#FF0000">直至終點</font></i></li
        <br></br>
        <li><i>充實自己</i></li>
        <li><i>充實生活</i></li>
        <li><i>永遠善待生活</i></li>
        <li><i>用自己最大的熱情</i></li>
        <li><i>歌唱人生之歌</i></li>
        <br></br>
        <li><i><u>這是一條旅途</u></i></li>
        <li><i><u>在這裡</u></i></li>
        <li><i><u>我們相聚在一起</u></i></li>
        <li><i>坐上了一輛幸福的列車</i></li>
        <li><i>駛向明天</i></li>
        <li><i>駛向未來</i></li>
        </ul>
    </aside>
    <div align="left">
    <p>
       <lable for="username"> *暱稱:</label>
	     <input type="text" name="" id="username">
	    </p>
	<p>
		    <lable for="username">真實姓名:</label>
		      <input type="text" name="" id="username">
		</p>
	<p>
		    *性別:<input type="radio" name="性別">男
		          <input type="radio" name="性別">女
		          <input type="radio" name="性別">保密
		</p>
	<p>
		    *所在地:<select name="nianji">
		    <option>北京
			<option>上海 
			<option>廣州
			<option>深圳
			</select>
		</p>	
	<p>
		   <lable for="username">部落格地址:</label>
		      <input type="text" name="" id="username">
		</p>
	<p>
		   <lable for="username"> 常用郵箱:</label>
		      <input type="text" name="" id="email">
		不可修改</p>
	<p>
       <label for="username">QQ:</label>
          <input type="text " name="" id="QQ">
	    </p>

    <p>
		   <lable for="username">MSN:</label>
		      <input type="text" name="" id="MSN">
		</p>
	<p>個人介紹:<input type="text" placeholder="以下資訊,可作為通過客服取回賬號的依據">
        </p>
	<p>
		    證件型別:<input type="radio" name="性別">身份證
		             <input type="radio" name="性別">學生證
		</p>	
	<p>
		   <lable for="username">證件號碼:</label>
		      <input type="text" name="" id="code">
		</p>
	</div>	
  </body>
</html>