当先锋百科网

首页 1 2 3 4 5 6 7

模仿猫眼电影网站的html代码

模仿猫眼电影网站的HTML代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>模仿猫眼电影网站</title>
</head>
<body>
    <header>
        <h1>猫眼电影</h1>
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">电影院</a></li>
                <li><a href="#">影片></a>
                    <ul>
                        <li><a href="#">正在热映</a></li>
                        <li><a href="#">即将上映</a></li>
                    </ul>
                </li>
                <li><a href="#">商城</a></li>
            </ul>
            <form action="#">
                <input type="text" placeholder="搜电影" />
                <button>搜索</button>
            </form>
            <a href="#">登录</a>
            <a href="#">注册</a>
        </nav>
    </header>
    <main>
        <section>
            <h2>正在热映</h2>
            <ul>
                <li><a href="#">
                    <img src="#" alt="电影图像">
                    <p>电影名称</p>
                </a></li>
                <li><a href="#">
                    <img src="#" alt="电影图像">
                    <p>电影名称</p>
                </a></li>
                <li><a href="#">
                    <img src="#" alt="电影图像">
                    <p>电影名称</p>
                </a></li>
            </ul>
        </section>
        <section>
            <h2>即将上映</h2>
            <ul>
                <li><a href="#">
                    <img src="#" alt="电影图像">
                    <p>电影名称</p>
                </a></li>
                <li><a href="#">
                    <img src="#" alt="电影图像">
                    <p>电影名称</p>
                </a></li>
                <li><a href="#">
                    <img src="#" alt="电影图像">
                    <p>电影名称</p>
                </a></li>
            </ul>
        </section>
    </main>
    <footer>
        <p>猫眼电影 © 2019</p>
    </footer>
</body>
</html>