zoukankan      html  css  js  c++  java
  • 第一个不怎么正经的网页

    截图如下

    <html>
        <head>
          <meta charset="UTF-8">
          <title>与你倾诉</title>
        </head>
        <body>
            
            <body background="bck.jpg">
    
           <img src="cnt.jpg"alt="Big Boat"  width="247"  height="80" >
           <font color="red">欢迎你的使用</font><br>
           <p align="center">来分享你的故事把</p>
           <img src="tupian.jpg"  width="250"  height="170">
           
       </tr>
       <tr bgcolor="red" background="images/tupian.jpeg">
       
           <form>
               <p>请选择你的性别</p> 
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
    <P>请输入你的名字和密码</P>
    <form>
    
    your name: <input type="text" name="lastname">
    </form> 
    </form> 1
           <form>
    Password: <input type="password" name="pwd">
    </form>
            <button type="button" onclick="alert('登录成功')">登录</button>
    </form> 
    <p><font color="red"><button type="button" onclick="alert('Hello World!')">忘记密码?</button></font><br></p>
     <h>是否需要创建账号,需要请</h>
    <font color="red"><button type="button" onclick="alert('即将跳转')">点击这里</button></font><br>
    <form>
    <P>请在下面输入你的爱好和兴趣</P>
    
    <input type="checkbox" name="vehicle" value="Young person">我需要一名男性倾诉
    <P>
    <input type="checkbox" name="vehicle" value="Adult">我需要一名女性倾诉
    </form> 
    <form>
    <P>请在下面选择与你聊天的对象</P>
    </form>
    <p align="center"> 
       </tr>
           <table border="1">
               <tr>
                   <th>热心小哥哥</th>
                   <th>知心小姐姐</th>
               </tr>
           
               <tr>
                   <td>暖心小哥哥1号</td> 
                   <td>贴心小姐姐1号</td> 
               </tr>
               <tr>
                   <td>暖心小哥哥2号</td> 
                   <td>贴心小姐姐2号</td> 
               </tr>
           </table> 
           <form>
    </P>
         <div >
        <table border="0" >
        <tr >
        <td width="200",height="300">&nbsp;</td>
        <td width="200",height="300">&nbsp;</td>
        <td width="200",height="300"> <a href="2.html"><img class="mid1" src="a.jpg" width="200",height="300">  </td>
           <td width="200",height="300"> <a href="2.html"><img class="mid1" src="b.jpg" width="200",height="300">  </td>
               
        <td width="200",height="300"> <a href="2.html"><img class="mid1" src="c.jpg" width="200",height="300">  </td>
       
        <td width="200",height="300"> <a href="2.html"><img class="mid1" src="d.jpg" width="200",height="300">  </td>    
        </tr>
       
        <tr >
        <td width="200",height="300">&nbsp;</td>
        <td width="200",height="300">&nbsp;</td>
        <td width="200",height="300"> <a href="2.html"><img class="mid1" src="e.jpg" width="200",height="300">  </td>
           <td width="200",height="300"> <a href="2.html"><img class="mid1" src="z.jpg" width="200",height="300">  </td>    
        <td width="200",height="300"> <a href="2.html"><img class="mid1" src="f.jpg.png" width="200",height="300">  </td>    
        <td width="200",height="300"> <a href="2.html"><img class="mid1" src="h.jpg" width="200",height="300">  </td>    
        </tr>
       
        </table>
        
    
        </div>
    
    
    
    
         </b1ody>
     </html>
  • 相关阅读:
    为什么学微信小程序开发
    mac 上配置sublime text3插件
    获取元素的宽度和高度
    移动端页面SEO优化需要注意的10个要点
    gulp详细入门教程
    HTTP协议详解
    深入了解 Flexbox 伸缩盒模型
    移动前端之viewport
    如何设置“用eclipse开发时自动在顶端产生import”?
    认识 java JVM虚拟机选项 Xms Xmx PermSize MaxPermSize 区别
  • 原文地址:https://www.cnblogs.com/loufangcheng/p/9662851.html
Copyright © 2011-2022 走看看