小小尝试（网页建设）d1

最新推荐文章于 2024-06-12 11:13:48 发布

月龄十四S

最新推荐文章于 2024-06-12 11:13:48 发布

阅读量133

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/weixin_50992530/article/details/137655567

版权

1.在日常观看短剧的过程中，萌生出了制作短剧评价的网页想法，遂尝试仿建
2.总体分为两个页面，一个是首页即短剧的展示，另一个是点击之后的短剧评价（边学边做版）

一、首页

1.（学到新代码之header）
此代码通常用于网站的标题、导航菜单和其他重要的元素，例如logo、搜索框等等。当然一个文档里面可以有很多header
2.（学到新代码之nav）
此代码用于导航链接
3.（学到新代码之ul）
ul为无序标签，若使用有序标签时，则采用ol
3.（学到新代码之li）
li是标签列表项
4.（学到新代码之main）
main是主要内容，文档中只能有一个main元素
5.（学到新代码之section）
section定义文档中的某一部分

跟着教程简易制作后：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EOFSP</title>
</head>
<body>
    <header>
        <h1>短剧网页</h1>
        <nav>
            <ul>
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">短剧[列表]</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <h2>盲心千金</h2>
            <img src="mang.jpg" alt="短剧海报">
            <p>短剧简介</p>
            <ul>
                <li>导演：</li>
                <li>主演：</li>
                <li>类型：</li>
                <li>上映时间：</li>
            </ul>
        </section>
    </main>
</body>
</html>

出来的效果很简陋，炸裂地简陋

月龄十四S

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
小小尝试（网页建设）d1

此代码通常用于网站的标题、导航菜单和其他重要的元素，例如logo、搜索框等等。当然一个文档里面可以有很多。2.总体分为两个页面，一个是首页即短剧的展示，另一个是点击之后的短剧评价（边学边做版）1.在日常观看短剧的过程中，萌生出了制作短剧评价的网页想法，遂尝试仿建。为无序标签，若使用有序标签时，则采用。是主要内容，文档中只能有一个。出来的效果很简陋，炸裂地简陋。定义文档中的某一部分。
复制链接

扫一扫