HTML 开发任务一

<!DOCTYPE html>
<html>
<head>
<title>first网站</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <ul>
       <li><a href="https://passport.baidu.com/center" title="鼠标点击">导航链接一</a> </li>
       <li><a href="https://passport.baidu.com" title="鼠标点击" >导航链接二</a> </li>
       <li><a href="../html/biaoge,html" title="鼠标点击" target="_blank">导航链接三</a></li>
       <li><a href="../html/firstproject/main.php" title="鼠标点击" target="_blank">导航链接四</a></li>
    </ul>    
    <h2>HTML基础</h2>
    <h3>标签的学习</h3>
    <h4>作者:jiangger    发表时间:2017.3.13</h4> 
    <pre><p>
      今年赛季前,我们为了加强俱乐部的管理,制定了史上最严格的规章制度,要求我们的球员不要在场上和裁判以及对方
的球员发生冲突,不要发生违背体育道德的行为,不要去领取无谓的红黄牌。因此我们制定了一张黄牌15万、一张红牌30万的严格处罚规定。
这场比赛之前,我专门找了秦升谈话,就是担心可能会发生一些意想不到的情况,专门对他提了求,既肯定了他前两场比赛
的发挥,也对他第一场比赛中吃到的黄牌提出警告,希望他在这场比赛中不要出现不理智的行为。赛前周总也多次找他谈话提醒,
我们还特地关照领队毛毅军,要求在赛前准备会上强调纪律。就是在这样三令五申的情况.<a href="https://life.baidu.com">可以链接到https://life.baidu.com</a></p> </pre>
    </pre>
    <img src="./b.jpg" alt="图片" title="鼠标放上"/>
    <pre><p>
    今年赛季前,我们为了加强俱乐部的管理,制定了史上最严格的规章制度,要求我们的球员不要在场上和裁判以及对方
的球员发生冲突,不要发生违背体育道德的行为,不要去领取无谓的红黄牌。因此我们制定了一张黄牌15万、一张红牌30万的严格处罚规定。
这场比赛之前,我专门找了秦升谈话,就是担心可能会发生一些意想不到的情况,专门对他提了求,既肯定了他前两场比赛
的发挥,也对他第一场比赛中吃到的黄牌提出警告,希望他在这场比赛中不要出现不理智的行为。赛前周总也多次找他谈话提醒,
我们还特地关照领队毛毅军,要求在赛前准备会上强调纪律。就是在这样三令五申的情况.<a href="https://life.baidu.com">可以链接到https://life.baidu.com</a></p> </pre>
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>  
    <h2>图片</h2>
    <h3>好看的图片</h3>
    <img src="./psb.gif" alt="图片" title="鼠标放上"/>
    <h3>好看的图片</h3>
    <img src="./timg.jpg" alt="图片" title="鼠标放上"/>
    <h3>好看的图片</h3>
    <img src="./beau.jpg" alt="图片" title="鼠标放上"/>  <br/><br/>
    <h2>HTML高层</h2>
    <h3>标签的学习</h3>
    <h4>作者:jiangger    发表时间:2017.3.14</h4> 
    <ol>
        <li>H标签</li>
        <li>P标签</li>
        <li>style标签</li>
    </ol>
    <table style="border:2px solid gray;width: 30%">
        <tr>
            <td style="border: 1px solid black;width:30%"><p>H标签</p></td>
            <td style="border: 1px solid black;width:30%"><p>P标签</p></td>
            <td style="border: 1px solid black;width: 40%"><p>style标签</p></td>
        </tr>
        <tr>
            <td style="border: 1px solid black;height:15px"></td>
            <td style="border: 1px solid black"></td>
            <td style="border: 1px solid black"></td>
        </tr>
        <tr>
            <td style="border: 1px solid black;height:15px"></td>
            <td style="border: 1px solid black"></td>
            <td style="border: 1px solid black"></td>
        </tr>
        <tr>
            <td style="border: 1px solid black;height:15px"></td>
            <td style="border: 1px solid black"></td>
            <td style="border: 1px solid black"></td>
        </tr>
        <tr>
            <td style="border: 1px solid black;height:15px"></td>
            <td style="border: 1px solid black"></td>
            <td style="border: 1px solid black"></td>
        </tr>
        <tr>
            <td style="border: 1px solid black"><p>总计</p></td>
            <td colspan="2" style="border: 1px solid black"><p>1000</p></td>
        </tr>
    </table>
    <div id="first" style="float:left;width:30px;height: 100px;margin-top:20px;margin-right:40px"><h1 >选项信息</h1></div>
    <div id="second" style="float: left;margin-top:50px;">
        <p>欢迎注册:</p> <br/>
        <form action=" " method="post">
            <p>请输入邮箱地址:<input type="text" name="email"></p>
            <p>邮箱地址请按要求格式输入</p>
            <p>请输入密码:<input type="text" name="password1">请重复输入密码:<input type="text" name="passord2"></p>
            <p>密码请为6-16位英文数字</p><br/>
            <p>性别:<input type="radio" name="gener" />
                    <input type="radio" name="gener" values="female"/>女
               城市:<select name="city">
                        <option value="shanghai">shanghai</option>
                        <option value="anqing">anqing</option>
                        <option value="hefei">hefei</option>
                        <option value="wuhan" selected="selected">wuhan</option>
                    </select>
               爱好:<input type="checkbox" name="sport"/><lable for="sport">运动</lable>
                      <lable><input type="checkbox" name="sport"/>艺术</lable>
                      <lable><input type="checkbox" name="sport"/>科学</lable>
               个人描述:<textarea name="describe" row="5" cols="40"></textarea>
               <input type="submit" values="确认提交" />
            </p>
        </form>
    </div>
</body>
</html>

转载于:https://my.oschina.net/u/3356129/blog/858597

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值