web前段示例

最新推荐文章于 2024-01-10 15:44:21 发布

automan_huyaoge

最新推荐文章于 2024-01-10 15:44:21 发布

阅读量139

点赞数

分类专栏： web开发

原文链接：html.com

版权

web开发专栏收录该内容

5 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <h2>各科小常识</h2>
    <h3>语文</h3>
    <p>三国演义是中国四大古典名著之一，元末明初小说家罗贯中所著，是中国第一部章回体历史演义的小说，描写了从东汉末年到西晋初年近100年的历史风云。</p>
    <hr />
    <h3>数学</h3>
    <p>勾股定理直角三角形：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>。</p>
    <hr />
    <h3>英语</h3>
    <p>No pain，No gain.</p>
    <hr />
    <h3>化学</h3>
    <p>H<sub>2</sub>SO<sub>4</sub>是一种重要的工业原料，可用于制作肥料、洗涤剂等。</p>
    <hr />
    <h3>经济</h3>
    <div>版权符号：©</div>
    <div>注册商标：®</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
</head>
<body>
    <h1>问卷调查</h1>
    <h3>1、你是通过什么途径来到绿叶学习网的？</h3>
    <ol type="A">
        <li>百度搜索</li>
        <li>谷歌搜索</li>
        <li>其他途径</li>
    </ol>
    <h3>2、你觉得绿叶学习网页面设计怎么样？</h3>
    <ol type="A">
        <li>酷炫大方</li>
        <li>比较普通</li>
        <li>非常粗糙</li>
    </ol>
    <h3>3、你觉得这本书怎么样？（多选）</h3>
    <ul>
        <li>通俗易懂，轻松幽默</li>
        <li>内容丰富，技巧贼多</li>
        <li>三个字：好到爆！</li>
    </ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title> </title>
    <style type="text/css">
        table,tr,th,td{border:1px solid silver;}
    </style>
</head>
<body>
    <table>
        <caption>学生成绩表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>成绩</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>男</td>
                <td>250</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>男</td>
                <td>520</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>平均分</td>
                <td colspan="2">385</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>

在线测试网址：

http://www.lvyestudy.com/editor

https://www.runoob.com/try/try.php?filename=tryhtml_intro