html写简单的个人信息网站入门

最新推荐文章于 2025-06-30 15:19:16 发布

原创最新推荐文章于 2025-06-30 15:19:16 发布 · 9.3k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#html #入门

网络组任务记录同时被 2 个专栏收录

3 篇文章

订阅专栏

前端

3 篇文章

订阅专栏

效果图

<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>