3-8 自由编程
来源：3-8 自由编程
慕移动4506339
2022-10-13 12:49:32
老师，请检查
<!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> <!-- 网页左侧logo--> <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> <!-- 网页banner区域 --> <section class="banner"> <!-- banner图片 --> <div class="banner-picture"> <img src="images/banner3.jpg" alt=""> </div> <!-- banner遮罩层 --> <div class="banner-shade">banner遮罩层</div> <!-- banner 表单 --> <div class="banner-form">banner表单</div> </section> <!-- about 区域 --> <main class="about-info"> <!-- about上半部分 --> <section class="up-about"> <h3>ABOUT</h3> <div>分割线</div> <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> </section> <!-- about下半部分 --> <section class="down-about"> <!-- about 下面左侧文字 --> <div class="about-down-left"> <h3>A WORD</h3> <h3>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> <a href="">EXPLORE</a> </div> <!-- about下面中间图片 --> <div class="about-down-middle"> <img src="images/bb3.jpg" alt=""> </div> <div class="about-students"> <p>70000</p> <div>分割线</div> <p>Students</p> </div> <div class="about-faculty"> <p>600</p> <div>分割线</div> <p>Faculty</p> </div> </section> </main> <!-- 图文混排区 --> <main class="Library"> <!-- 图片1 --> <div class="picture1"> <img src="images/b1.jpg" alt=""> </div> <!-- 文字1 --> <div class="text1"> <h3>Library</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p> <p><span>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. </span></p> <a href="">EXPLORE</a> </div> <!-- 图片2 --> <div class="picture2"> <img src="images/b2.jpg" alt=""> </div> <!-- 文字2 --> <div class="text2"> <h3>Library</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p> <p><span>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. </span></p>> <a href="">EXPLORE</a> </div> <!-- 文字3 --> <div class="text3"> <h3>Library</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p> </p><span>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. </span></p> <a href="">EXPLORE</a> </div> <!-- 图片3 --> <div class="picture3"> <img src="images/b3.jpg" alt=""> </div> <div class="text4"> <!-- 文字4 --> <h3>Library</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p> <p><span>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. </span></p> <a href="">EXPLORE</a> </div> <!-- 图片4 --> <div class="picture4"> <img src="images/b4.jpg" alt=""> </div> </main>> <!-- gallery区域 --> <main class="gallery-info"> <!-- gallery 上半部分 --> <div class="gallery-up"> <h3>GALLERY</h3> <div>分割线</div> <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> <!-- gallery 下半部分 --> <div class="gallery-down"> <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> </main>> <!-- 页脚 --> <footer> <p>© 2016 imooc.com 京ICP备13046642号</p> </footer>> </body> </html>
写回答
1回答
-
好帮手慕星星
2022-10-13
同学你好，图片插入没问题，很棒！祝学习愉快~
0
相似问题