3-8编程作业，请老师帮忙看一下
来源：1-1 课程简介
呜蜩的呀
2022-03-11 01:31:14
相关代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Career Builder</title> </head> <body> <!-- HEADER --> <header> <!-- LOGO --> <div class="logo"> <h1> <img src="./images/logo.png" alt="Career Builder"> </h1> </div> <!-- NAV --> <nav> <ul> <li> <a href="#">HOME</a> </li> <li> <a href="#">ABOUT</a> </li> <li> <a href="#">GALLERY</a> </li> <li> <a href="#">FACULTY</a> </li> <li> <a href="#">EVENTS</a> </li> <li> <a href="#">CONTACT</a> </li> </ul> </nav> </header> <!-- BANNER --> <div class="banner"> <!-- banner-img --> <div class="banner-img"> <img src="./images/banner3.jpg" alt="" width="100%"> </div> <!-- banner-overburden --> <div class="banner-overburden"></div> <!-- banner=form --> <div class="banner-form"></div> </div> <!-- about --> <div class="about"> <!-- about-upper-part --> <div class="about-upper-part"> <!-- about-upper-part-headline --> <div class="about-headline"> <h2>ABOUT</h2> </div> <!-- spilt-line --> <span>——</span><br> <!-- about-upper-part-short-description-area --> <div class="about-upper-part-short-description-area"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. </p> </div> </div> <!-- about-lower-part --> <div class="about-lower-part"> <!-- A WORD ABOUT US --> <div class="about-lower-part-infor1"> <!-- about-lower-part-infor1-headlin --> <div class="about-lower-part-infor1-headline"> <h3>A WORD ABOUT US</h3> </div> <!-- about-lower-part-infor1-detailed-description-area --> <div class="about-lower-part-infor1-detailed-description-area"> <!-- infor1-detailed-description --> <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> <!-- about-lower-part-detailed-description-area-explore --> <a href=""> <span>EXPLORE</span> </a> </div> </div> <!-- PICTURE --> <div class="about-lower-part-infor2"> <a href=""> <img src="./images/bb3.jpg" alt=""> </a> </div> <!-- STUDENTS+FACULLY --> <div class="about-lower-part-infor3"> <!-- student-infor --> <div class="about-lower-part-infor3-students"> <p>70000</p> <span>——</span><br> <span>Students</span> </div> <!-- faculty-inofr --> <div class="about-lower-part-infor3-faculty"> <p>600</p> <span>——</span><br> <span>Faculty</span> </div> </div> </div> </div> <!-- Mixed-area --> <div class="mixed-area"> <!-- picture1 --> <div class="mixed1"> <img src="./images/b1.jpg" alt=""> </div> <!-- text2 --> <div class="mixed2"> <h4>Library</h4> <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> <a href=""> <span>EXPLORE</span> </a> </div> <!-- picture3 --> <div class="mixed3"> <img src="./images/b2.jpg" alt=""> </div> <!-- text4 --> <div class="mixed4"> <h4>Computer Lab</h4> <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> <a href=""> <span>EXPLORE</span> </a> </div> <!-- text5 --> <div class="mixed5"> <h4>Conference Hall</h4> <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> <a href=""> <span>EXPLORE</span> </a> </div> <!-- picture6 --> <div class="mixed6"> <img src="./images/b3.jpg" alt=""> </div> <!-- text7 --> <div class="mixed7"> <h4>Play Ground</h4> <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> <a href=""> <span>EXPLORE</span> </a> </div> <!-- picture8 --> <div class="mixed8"> <img src="./images/b4.jpg" alt=""> </div> </div> <!-- Gallery --> <div class="gallery"> <!-- gallery-upper-part --> <div class="gallery-upper-part"> <!-- gallery-headline --> <div class="gallery-headline"> <h2>GALLERY</h2> </div> <!-- spilt-line --> <span>——</span><br> <!-- gallery-short-description-area --> <div class="gallery-short-description"> <P> Lorem Ipsum is simply dummy text of the printing and typesetting industy.Lorem Ipsum has been the industy's standard dummy text ever since 1500s. </P> </div> </div> <!-- gallery-lower-part --> <div class="gallery-lower-part"> <a href=""> <dl> <dt> <img src="./images/03-01.jpg" alt=""> </dt> <dd>Science Lab</dd> </dl> </a> <a href=""> <dl> <dt> <img src="./images/03-02.jpg" alt=""> </dt> <dd>Indoor Stadium</dd> </dl> </a> <a href=""> <dl> <dt> <img src="./images/03-03.jpg" alt=""> </dt> <dd>Transportation</dd> </dl> </a> <a href=""> <dl> <dt> <img src="./images/03-04.jpg" alt=""> </dt> <dd>Kids Room</dd> </dl> </a> <a href=""> <dl> <dt> <img src="./images/03-05.jpg" alt=""> </dt> <dd>Meditation Classes</dd> </dl> </a> <a href=""> <dl> <dt> <img src="./images/03-06.jpg" alt=""> </dt> <dd>Kids Play Ground</dd> </dl> </a> </div> </div> <!-- footer --> <footer> <div class="footer-text"> <p>©2016 imooc.com 京ICP备13046642号</p> </div> </footer> </body> </html>
写回答
1回答
-
好帮手慕星星
2022-03-11
同学你好，图片插入没问题，很棒！
建议：在对应小节下提问，便于后面复习。祝学习愉快~
0
相似问题