网站开发基础：HTML、CSS

最新推荐文章于 2024-11-02 23:32:29 发布

柒小毓

最新推荐文章于 2024-11-02 23:32:29 发布

阅读量782

点赞数 9

文章标签： html css 前端

本文链接：https://blog.csdn.net/2301_79638883/article/details/142682872

版权

前端开发主要使用的技术如 HTML、CSS 和 JavaScript 等。

简单制作一个网页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>柒毓同学网站的首页</title>
    <style>
        .c1{border: solid 1px green;width: 49%;height: 250px;float: left}
    </style>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>




</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>柒毓同学网站的首页</title>
    <style>
        .c1{border: solid 1px green;width: 49%;height: 250px;float: left}
    </style>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>

    <div style="border: solid 1px red;width: 100%;height: 300px">




</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>柒毓同学网站的首页</title>
    <style>
        .c1{border: solid 1px green;width: 49%;height: 250px;float: left}
    </style>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>

    <div style="border: solid 1px red;width: 100%;height: 300px">

        <div class="c1">
            <ol>
                <li>我是第一行</li>
                <li>我是第二行</li>
                
            </ol>
        </div>
        <div class="c1" style="float: right">
            <ul>
                <li>我是第一行</li>
                <li>我是第二行</li>
                
            </ul>
        </div>

    </div>



</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>柒小毓网站的首页</title>
    <style>
        .c1{border: solid 1px green;width: 49%;height: 250px;float: left}
    </style>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>

    <div style="border: solid 1px red;width: 100%;height: 300px">

        <div class="c1">
            <ol>
                <li>我是第一行</li>
                <li>我是第二行</li>
                <li>http://www.baidu.com</li>
                <li>liujingwei@cueb.edu.cn</li>
                <li>liu.jingwei@cueb.vip</li>
                <li>liu-jingwei@teacher.cueb-2019.vip</li>
                <li>liujingwei@cueb...vip</li>
            </ol>
        </div>
        <div class="c1" style="float: right">
            <ul>
                <li>我是第一行</li>
                <li>我是第二行</li>
                <li>http://www.baidu.com</li>
                <li>liujingwei@cueb.edu.cn</li>
                <li>liu.jingwei@cueb.vip</li>
                <li>liu-jingwei@teacher.cueb-2019.vip</li>
                <li>liujingwei@cueb...vip</li>
            </ul>
        </div>

    </div>


</body>
</html>