web实习1

行星

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行星资料</title>
</head>
<body>
    <p align="center">
        太阳系中行星的一些数据。(资料取自
        <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">NASA 行星数据 - 公制</a>,
        图片取自<a href="https://www.nasa.gov/multimedia/imagegallery/">NASA 照片库</a>。)
    </p>
    <table border="3">
        <tr>         
            <td colspan="2"> </td> 
             <td align="center"><b>名字</b></td>
             <td align="center"><b>图片</b></td>
             <td align="center"><b>质量(10<sup>24</sup>kg)</b></td>
             <td align="center"><b>直径(km)</b></td>
             <td align="center"><b>密度(kg/m<sup>3</sup>)</b></td>
             <td align="center"><b>重力(m/s<sup>2</sup>)</b></td>
             <td align="center"><b>天长(小时)</b></td>
             <td align="center"><b>与太阳距离(10<sup>6</sup>km)</b></td>
             <td align="center"><b>平均温度(&#8451)</b></td>
             <td align="center"><b>卫星数量</b></td>
             <td align="center"><b>备注</b></td>
        </tr>
        <tr>
            <td rowspan="4"colspan="2"><b>类地行星</b></td>
            <td><b>水星</b></td>
            <td><img src="./行星/mercury.jpg" alt="水星"></td>
            <td>0.330</td>
            <td>4,879</td>
            <td>5427</td>
            <td>3.7</td>
            <td>4222.6</td>
            <td>57.9</td>
            <td>167</td>
            <td>0</td>
            <td>距离太阳最近</td>
        </tr>
        <tr>
            <td><b>金星</b></td>
            <td><img src="./行星/venus.jpg" alt=""></td>
            <td>4.87</td>
            <td>12,104</td>
            <td>5243</td>
            <td>8.9</td>
            <td>2802.0</td>
            <td>108.2</td>
            <td>464</td>
            <td>0</td>
            <td> </td>
        </tr>
        <tr>
            <td><b>地球</b></td>
            <td><img src="./行星/earth.png" alt=""></td>
            <td>5.97</td>
            <td>12,756</td>
            <td>5514</td>
            <td>9.8</td>
            <td>24.0</td>
            <td>149.6</td>
            <td>15</td>
            <td>1</td>
            <td>我们的世界</td>
        </tr>
        <tr>
            <td><b>火星</b></td>
            <td><img src="./行星/mars.jpg" alt=""></td>
            <td>0.642</td>
            <td>6,792</td>
            <td>3933</td>
            <td>3.7</td>
            <td>24.7</td>
            <td>227.9</td>
            <td>-65</td>
            <td>2</td>
            <td>红色星球</td>
        </tr>
        <tr>
            <td rowspan="4"><b>类木行星</b></td>
            <td rowspan="2"><b>气巨星</b></td>
            <td><b>木星</b></td>
            <td><img src="./行星/jupiter.jpg" alt=""></td>
            <td>1898</td>
            <td>142,984</td>
            <td>1326</td>
            <td>23.1</td>
            <td>9.9</td>
            <td>778.6</td>
            <td>-110</td>
            <td>67</td>
            <td>太阳系最大</td>
        </tr>
        <tr>
            <td><b>土星</b></td>
            <td><img src="./行星/saturn.jpg" alt=""></td>
            <td>568</td>
            <td>120,536</td>
            <td>687</td>
            <td>9.0</td>
            <td>10.7</td>
            <td>1433.5</td>
            <td>-140</td>
            <td>62</td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2"><b>冰巨星</b></td>
            <td><b>天王星</b></td>
            <td><img src="./行星/uranus.jpg" alt=""></td>
            <td>86.8</td>
            <td>51,118</td>
            <td>1271</td>
            <td>8.7</td>
            <td>17.2</td>
            <td>2872.5</td>
            <td>-195</td>
            <td>27</td>
            <td></td>
        </tr>
        <tr>
            <td><b>海王星</b></td>
            <td><img src="./行星/neptune.jpg" alt=""></td>
            <td>102</td>
            <td>49,528</td>
            <td>1638</td>
            <td>11.0</td>
            <td>16.1</td>
            <td>4495.1</td>
            <td>-200</td>
            <td>14</td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2"><b>矮行星</b></td>
            <td><b>冥王星</b></td>
            <td><img src="./行星/mercury.jpg" alt=""></td>
            <td>0.0146</td>
            <td>2,370</td>
            <td>2095</td>
            <td>0.7</td>
            <td>153.3</td>
            <td>5906.4</td>
            <td>-225</td>
            <td>5</td>
            <td>2006年降格,但 <a href="http://www.usatoday.com/story/tech/2014/10/02/pluto-planet-solar-system/16578959/">尚存争议</a>.</td>
        </tr>
    </table>
</body>
</html>

3.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <form method="post" action="https://mock.apifox.cn/m1/1893392-0-default/form/process1">
        <fieldset>
            <legend align="center">个人资料</legend>
        姓名:<input type="text" name="username"  size="15"/><br>
        性别:
        <input type="radio" name="gender" value="male" checked="checked"/>男
        <input type="radio" name="gender" value="female" />女<br>
        出生日期:<input type="date" name="birthday"/><br>
        主要经历:<textarea name="history" rows="3"  cols="30"></textarea><br>
        兴趣爱好:<input name="hobby" type="checkbox" value="唱歌" /> 唱歌
                 <input name="hobby" type="checkbox" value="打球" /> 打球
                 <input name="hobby" type="checkbox" value="下棋" /> 下棋
                 <input name="hobby" type="checkbox" value="上网" /> 上网
                 <input name="hobby" type="checkbox" value="购物" /> 购物
        </fieldset>
        <fieldset>
            <legend align="center">专业与课程</legend>
            所学专业:<select name="major" >
                <option value="计算机及应用">计算机及应用</option>
                <option value="法学">法学</option>
                <option value="环境科学">环境科学</option>
            </select><br>
            <hr>
            最喜欢的课程:
            <select name="course" size="4" >
                <option >计算机网络</option>
                <option >数据库原理与应用</option> 
                <option >计算机组成原理</option>
                <option >C语言程序设计</option>
                <option >Web前端开发技术</option>
                <option >数据结构</option>
            </select>
        </fieldset>
        <br>
           <input type="submit" name="提交">   <input type="reset" name="重填">
    </form>
</body>
</html>

4.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>经发集团</title>
</head>
<body>
    <h2 align="center"><b>经发集团-经发地产</b></h2>
    <img src="./经发地产/images/logo2.png" alt="">
    <hr>
    <ul type="circle">
        <li>首页</li>
        <li>新闻中心</li>
        <li>项目中心</li>
        <li>党建专栏</li>
        <li>品牌文化</li>
        <li>关于我们</li>
    </ul>
    <img src="./经发地产/images/search.png" alt="">
    <h3><b>项目动态 <br> Projects News</b></h3>
    <img src="./经发地产/images/16899299511113263.jpg" alt="">
   <ul type="disc">
    <li>2023.07.12</li>
    <p>
        7月10日下午,经发地产营销策划部与销售分公司、三六五房产网团队在白桦林溪销售中心召开经发地产6月线上直播复盘会,共同回顾并分析过去一个月内以来直播开展情况。
    </p>
    <li>2023.06.02</li>
    <b>白桦林溪 | 大境已成 心归家至</b><br>
    <p>
        6月1日—3日,白桦林溪迎来最后一批次房源22#-28#、31#、32#楼的完美交付,让所有等待都迎来缤纷光彩,更让理想中的幸福,成为触手可及的美好家园!
    </p>
    <li>2023.05.08</li>
    <b>一封家书丨白桦林漫步四月工程进度播报</b>
    <p>
        亲爱的漫步家人们:时光悠然,初夏已至美好生活伴随着阳光翩翩而来家的消息也在这个美丽的季节里传来回音从蓝图到呈现每一处精雕细琢都是为了兑现您对于未来的期待和憧憬。
    </p>
    <li>2023.04.25</li>
    <b>白桦林溪南区22-28、31、32号楼工地开放日|精工匠筑,品质亲鉴</b>
    <p>
        2023年4月21日下午,由客户关系部牵头组织开展的“白桦林溪南区22-28、31、32#楼工地开放日”活动如期举行。
    </p>
    <li>2023.04.20</li>
    <b>白桦林FIC | 走出格子间,未来办公回归花园</b>
    <p>
        从美国硅谷到慕尼黑伊萨办公区从北京的金融街到成都CBP高效办公与自然生态相结合的花园式办公正在成为更多企业家择址的理想之选。
    </p>
    <li>2023.03.23</li>
    <b>项目直播间丨白桦林金融创新中心最新工程进度</b>
    <p>暖春三月,万物葱郁,美好正待经发地产躬耕不辍,匠心精筑,不负您的信任和期许现呈上工程进度播报。</p>
</ul>
<ul type="disc">
<li>联系我们</li>
<li>加入我们</li>
<li>法律声明</li>
</ul>
关注我们 <img src="./经发地产/images/wx.png" alt=""><br>
西安经发地产 版权所有 ©2021 JINGFA REAL ESTATE All Rights Reserved. 陕ICP备19019882号 [+]Powered by Zenith.
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值