请问这个还有可以优化的地方吗
来源：3-8 自由编程
芜湖呼
2021-12-25 10:56:56
<!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>TEST1</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 --> <div class="banner"> <!-- banner图片 --> <div class="banner-image"> <img src="images/banner3.jpg" alt="" /> </div> <!-- banner遮罩层 --> <div class="banner-shadow">banner遮罩层</div> <!-- banner表单 --> <div class="banner-form">banner表单</div> </div> <!-- 页面主要内容 --> <section class="content"> <!-- about --> <div class="about"> <!-- about上半部分 --> <div class="about-top"> <h3>ABOUT</h3> <div class="split">分割线</div> <br /> <div class="text"> 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. </div> <h3> A WORD<br /> ABOUT US </h3> <div class="text"> Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget ullamcorper ipsum. Suspendisse diam amet. </div> <br /> </div> <!-- about下半部分 --> <div class="about-bottom"> <div class="text">EXPLORE</div> <a href=""><img src="images/bb3.jpg" alt="" /></a> <br /> <br /> <div class="text">70000</div> <br /> <div class="split">分割线</div> <div class="text">Student</div> <br /> <div class="text">600</div> <br /> <div class="split">分割线</div> <div class="text">Faculty</div> </div> </div> <!-- 图文混排 --> <div class="images-and-text"> <div class="image1"> <img src="images/b1.jpg" alt="" /> </div> <div class="text2"> <h3>Library</h3> <div class="text"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <br /> <div class="text"> 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. </div> <br /> <div class="text">EXPLORE</div> </div> <div class="image3"> <img src="images/b2.jpg" alt="" /> </div> <div class="text4"> <h3>Library</h3> <div class="text"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <br /> <div class="text"> 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. </div> <br /> <div class="text">EXPLORE</div> </div> <div class="text5"> <h3>Library</h3> <div class="text"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <br /> <div class="text"> 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. </div> <br /> <div class="text">EXPLORE</div> </div> <div class="image6"> <img src="images/b3.jpg" alt="" /> </div> <div class="text7"> <h3>Library</h3> <div class="text"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <br /> <div class="text"> 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. </div> <br /> <div class="text">EXPLORE</div> </div> <div class="images8"> <img src="images/b4.jpg" alt="" /> </div> </div> <!-- gallery --> <div class="gallery"> <!-- gallery上半部分 --> <div class="gallery-top"> <h3>GALLERY</h3> <div class="split">分割线</div> <br /> <div class="text"> 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. </div> </div> <!-- gallery下半部分 --> <div class="gallery-bottom"> <dl> <dt><img src="images/03-01.jpg" alt="" /></dt> <dd>Science Lab</dd> <br /> <dt><img src="images/03-02.jpg" alt="" /></dt> <dd>Indoor Stadium</dd> <br /> <dt><img src="images/03-03.jpg" alt="" /></dt> <dd>Transportation</dd> <br /> <dt><img src="images/03-04.jpg" alt="" /></dt> <dd>Kids Room</dd> <br /> <dt><img src="images/03-05.jpg" alt="" /></dt> <dd>Meditation Classes</dd> <br /> <dt><img src="images/03-06.jpg" alt="" /></dt> <dd>Kids Play Ground</dd> <br /> </dl> </div> </div> </section> <!-- 页脚 --> <div class="footer">© 2016 imooc.com 京ICP备13046642号</div> </body> </html>
写回答
1回答
-
好帮手慕星星
2021-12-25
同学你好，图片引入没问题，很棒，不需要优化了。祝学习愉快！
0
相似问题
请问图片地址可不可以这么设置
回答 1
这个代码可以么
回答 1