TASK1

2018-06-24 02:07:58来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>任务一:零基础HTML编码</title>
    <style type="text/css">
        table td,tr,th{
            border: 1px solid;
        }
    </style>
</head>
<body>
    <h1>网站一级标题</h1>
    <ul>
        <li><a href="#">导航链接一</a></li>
        <li><a href="#">导航链接二</a></li>
        <li><a href="#">导航链接三</a></li>
        <li><a href="#">导航链接四</a></li>
    </ul>
    <h2>文章一级标题</h2>
    <h2>文章二级标题</h2>
    <span>文章作者 文章发表时间</span>
    <p>jdkasljdkaslnhfjkashnjkdfaskdfjaskldaskdhjkashdjkasjdklas<br>换行了</p>
    <p>jdkasljdkaslnhfjkashnjkdfaskdfjaskldaskdhjkashdjkasjdklas换行了</p>
    <p>不是粗体<strong>这是粗体</strong></p>
    <p><img src="1.jpg" alt="哎呦,错误了"></p>
    <p>前面的段落<a href="http://www.baidu.com">链接到百度</a></p>
    <h2>另一篇文章一级标题</h2>
    <h3>文章二级标签</h3>
    <p>文章作者 文章发表时间</p>
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>
    <h3>图片</h3>
    <div>
        <p>好看的图片<br><img src="1.jpg"></p>
        <p>好看的图片<br><img src="1.jpg"></p>
    </div>
    <h2>最后一篇文章一级标题</h2>
    <h3>文章二级标题</h3>
    <p>文章作者 文章发表时间</p>
    <ol>
        <li>排名1</li>
        <li>排名2</li>
        <li>排名3</li>
    </ol>
    <span>下面是一个表格,给表格加一个border="1"让你看出来是一个表格</span>
    <table>
        <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表头</th>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>总计</td>
            <td colspan="2">1000</td>
        </tr>
    </table>
    <h2>这里以后是一个恻栏,这是侧栏标题</h2>
    <h3>侧栏注册窗口标题</h3>
    <p><label>请输入邮箱地址:<input type="text" value="这是一个文本输入框"></label></p>
    <p><label for="">请输入密码:<input type="password" value="这是一个文本输入框">请重复密码:<input type="text"></label></p>
    <p>密码为6-16位英文数字</p>
    <br>
    <form action="" method="post">
        <label for="">性别:</label>
        <input type="radio" checked="checked" value="男" name="mael">男
        <input type="radio" value="女" name="mael">女
        <select name="" id="">
            <option value="where" name="where">北京</option>
            <option value="where" name="where">上海</option>
        </select>
        <label for="">爱好</label>
        <input type="checkbox" name="like">运动
        <input type="checkbox" name="like">艺术
        <input type="checkbox" name="like">科学
        <label for="">个人描述</label>
        <textarea name="" id="" cols="30" rows="5">请输入内容</textarea>
        <input type="submit">
    </form>
    <p>版权所有 ?</p>
</body>
</html>

  

 我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Task2

下一篇:Task3