麻烦老师检查一下！
来源：3-8 自由编程
ychao2
2022-03-16 14:09:50
<!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>Document</title> </head> <body> <header> <div class="log"> <h1><img src="images/logo.png" alt=""></h1> </div> <div class="nav"> <ul> <a href=""><li>HOME</li></a> <a href=""><li>ABOUT</li></a> <a href=""><li>GALLERY</li></a> <a href=""><li>FACULTY</li></a> <a href=""><li>EVENTS</li></a> <a href=""><li>CONTACT</li></a> </ul> </div> <div class="bannner"> <a href=""> <img src="images/banner3.jpg" alt=""> </a> <div class="mask">banner遮罩层</div> <div class="form">banner表单</div> </div> </header> <main> <h2>ABOUT</h2> <p>分割线</p> <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> <div> <h3>A WORD</h3> <h3>ABOUT US</h3> </div> <div> <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> <p>EXPLORE</p> <a href=""> <img src="images/bb3.jpg" alt=""> </a> </div> <div> <div>70000</div> <div>分割线</div> <div>Students</div> <div>600</div> <div>分割线</div> <div>Faculty</div> </div> <div> <div> <a href=""> <img src="images/b1.jpg" alt=""> </a> <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> <p>EXPLORE</p> </div> <div> <a href=""> <img src="images/b2.jpg" alt=""> </a> <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> <p>EXPLORE</p> </div> <div> <a href=""> <img src="images/b3.jpg" alt=""> </a> <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> <p>EXPLORE</p> </div> <div> <a href=""> <img src="images/b4.jpg" alt=""> </a> <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> <p>EXPLORE</p> </div> </div> <div> <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> <div> <img src="images/03-01.jpg" alt=""> <p>Science Lab</p> </div> <div> <img src="images/03-02.jpg" alt=""> <p>Science Lab</p> </div> <div> <img src="images/03-03.jpg" alt=""> <p>Science Lab</p> </div> <div> <img src="images/03-04.jpg" alt=""> <p>Science Lab</p> </div> <div> <img src="images/03-05.jpg" alt=""> <p>Science Lab</p> </div> </main> <footer> <p> © 2016 imooc.com 京ICP备13046642号 </p> </footer> </body> </html>
写回答
1回答
-
好帮手慕星星
2022-03-16
同学你好，图片插入没问题，很棒！祝学习愉快~
0
相似问题