3-8自由编程的作业，老师帮忙看一下，谢谢！
来源：3-8 自由编程
卷毛奋斗中
2022-03-10 22:30:26
<!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> <link rel="stylesheet" href="./css/main.css"> </head> <body> <!-- header区域 --> <header class="header"> <!-- logo区域 --> <div class="logo"> <a href=""> <img src="./images/logo.png" alt=""> </a> </div> <!-- 导航区域 --> <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"> <!-- 图片区域 --> <a href=""> <img src="./images/banner3.jpg" alt=""> </a> <!-- 遮罩层 --> <div class="mask">banner遮罩层</div> <!-- 表单 --> <form action=""> banner表单 </form> </div> <!-- about关于我们区域 --> <div class="about"> <div class="a_top"> <div class="a-title"> <h3>About</h3> </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 class="a_under"> <div class="under_l"> <p> <h3>A WORD ABOUT US</h3> </p> <div class="detail"> <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 class="btn"> <a href=""> <button>按钮</button> </a> </div> </div> </div> <div class="under_center"> <img src="./images/bb3.jpg" alt=""> </div> <div class="under_r"> <div class="under_r_t"> <p>7000</p> <p>Students</p> </div> <div class="under_r_b"> <p>600</p> <p>Faculty</p> </div> </div> </div> </div> <!-- 图文混排区域 --> <div class="word"> <ul> <li> <a href=""> <img src="./images/b1.jpg" alt=""> </a> </li> <li> <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> <button>EXPLORE</button> </li> <li> <a href=""> <img src="./images/b2.jpg" alt=""> </a> </li> <li> <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> <button>EXPLORE</button> </li> <li> <a href=""> <img src="./images/b3.jpg" alt=""> </a> </li> <li> <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> <button>EXPLORE</button> </li> <li> <a href=""> <img src="./images/b4.jpg" alt=""> </a> </li> <li> <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> <button>EXPLORE</button> </li> </ul> </div> <!-- Gallery区域 --> <div class="gallary"> <div class="dar-t"> <p class="tit"></p> </div> <div class="dar-under"> <dl> <dt> <a href=""> <img src="./images/03-01.jpg" alt=""> </a> </dt> <dd>Science Lab</dd> </dl> <dl> <dt> <a href=""> <img src="./images/03-02.jpg" alt=""> </a> </dt> <dd>Indoor Stadium</dd> </dl> <dl> <dt> <a href=""> <img src="./images/03-03.jpg" alt=""> </a> </dt> <dd>Transportaion</dd> </dl> <dl> <dt> <a href=""> <img src="./images/03-04.jpg" alt=""> </a> </dt> <dd>Kids Room</dd> </dl> <dl> <dt> <a href=""> <img src="./images/03-05.jpg" alt=""> </a> </dt> <dd>Meditation Classes</dd> </dl> <dl> <dt> <a href=""> <img src="./images/03-06.jpg" alt=""> </a> </dt> <dd>Kids Play Ground</dd> </dl> </div> </div> <!-- footer区域 --> <footer> <p>© 2016 imooc.com 京ICP备13046642号</p> </footer> </body> </html>
写回答
1回答
-
好帮手慕星星
2022-03-11
同学你好，图片插入没问题。祝学习愉快~
0
相似问题
3-8自由编程老师辛苦检查一下，谢谢
回答 1
老师请看一下3-8自由编程的作业
回答 1
3-8自由编程作业
回答 1
3-8编程作业，请老师帮忙看一下
回答 1
请老师帮着检查下自由编程，谢谢
回答 1