请帮忙检查一下

来源:3-8 自由编程

h0r170n

2020-12-13 21:50:45

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <header>

        <div class="logo">

            <img src="images/logo.png" alt="">

        </div>

        <nav>

            <ul>

                <li>HOME</li>

                <li>ABOUT</li>

                <li>GALLERY</li>

                <li>FACULTY</li>

                <li>EVENTS</li>

                <li>CONTACT</li>

            </ul>

        </nav>

    </header>

    <div class="banner">

        <div class="banner-photo">

            <img src="images/banner3.jpg" alt="">

        </div>

        <div class="banner-cover"></div>

        <div class="banner-form"></div>

    </div>


    <div class="about">

        <h2>About</h2>

        <div class="about-upper">

            <div>分割线</div>


            <p>

                Lorem Ipsum is simply dummy text of the printing and typesetting<br>

                industry. Lorem Ipsum has been the industry's standard dummy<br>

                text ever since the 1500s. 

            </p>

        </div>


        

        <div class="about-lower">

            <h3>A WORD ABOUT US</h3>

            <p>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget ullamcorper ipsum. Suspendisse diam amet.</p>

            <div>

                <div>EXPLORE</div>

                <img src="images/bb3.jpg">

            </div>

            <br>

            <div>70000</div>

            <br>


            <div>分割线</div>

            <div>Students</div>

            <br>


            <div>分割线</div>

            <div>Faculty</div>

        </div>

    </div>

    <div class="photo-text">

        <div class="photo1">

            <img src="images/b1.jpg" alt="">

        </div>

        <div class="text2">

            <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <div>EXPLORE</div>

        </div>

        <div class="photo3">

            <img src="images/b2.jpg" alt="">

        </div>

        <div class="text4">

            <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <div>EXPLORE</div>

        </div>

        <div class="photo5">

            <img src="images/b3.jpg" alt="">

        </div>

        <div class="text6">

            <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <div>EXPLORE</div>

        </div>

        <div class="photo7">

            <img src="images/b4.jpg" alt="">

        </div>

        <div class="text8">

            <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <div>EXPLORE</div>

        </div>

    </div>

    <div class="gallery">

        <h2>GALLERY</h2>

        <br>

        <div>分割线</div>

        <br>

        <div class="gallery-upper">

            <p>

                Lorem Ipsum is simply dummy text of the printing and typesetting<br>

                industry. Lorem Ipsum has been the industry's standard dummy<br>

                text ever since the 1500s. 

            </p>

        </div>

        <div class="gallery-lower">

            <dl>

                <dt><img src="images/03-01.jpg" alt=""></dt>

                <dd>Science Lab</dd>

            </dl>

            <dl>

                <dt><img src="images/03-02.jpg" alt=""></dt>

                <dd>Indoor Stadium</dd>

            </dl>

            <dl>

                <dt><img src="images/03-03.jpg" alt=""></dt>

                <dd>Transportation</dd>

            </dl>

            <dl>

                <dt><img src="images/03-04.jpg" alt=""></dt>

                <dd>Kids Room</dd>

            </dl>

            <dl>

                <dt><img src="images/03-05.jpg" alt=""></dt>

                <dd>Meditation Classes</dd>

            </dl>

            <dl>

                <dt><img src="images/03-06.jpg" alt=""></dt>

                <dd>Kids Play Ground</dd>

            </dl>

        </div>

    </div>

    <footer>

    </footer>

</body>

</html>


​在这里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕星星

2020-12-14

同学你好,代码结构是可以的,祝学习愉快!

0

0 学习 · 15276 问题

查看课程