关于#html的问题

img


这个PHP图片该放在哪儿才能成这样

img


代码如下:

img

       KIDOCTYPEhtml>
       <htmllang-"en">
 5      <head>
            <metacharset-"UTF-8"
 7           Ktitle>学成在线</titlex
 8           <linkrel-"stylesheet"href="style.css"
 9       </head>
 10
 11       body>
 12
 13            <div Class="HEADER W">
 14
 15                 <div class="logo">
 16                     <imgsrc-"images1/logo.png"alt=w">
 17                </div>
 18
 19                 <div class-"nAV">
 26                      (ul>
 21                          <li>ahref="#">首页</a></li>
 22                           <li>ahret=#>课程</a></li
 23                          li>ahref="#"职业规划</a></li>
 24                      </ul>
                <ldiv>
                 Kdivclass="search>
 18
                     <inputtype="text"alue="输入关键词"
 29
 B6                      hutton>img src="imapes1/htn.pnp                                          alt=""></button>

img

                                                                                                                 CA
 28                      <inputtype- text"                       value="入关键词">
 29
 30                     <button><imgsrc-"imagesi/btn.png
 孔丑3A55383
                                                               alt=**></button)
                </div>
                <div class-"user"
                     <imgsrc-"imagesi/user.jpg"alt-w"style-wvertical-align: middle">lilei-hanmm
                k/div>
            <DivlASS="BANNER:
                <div class="W">
                     <div class="subNAV">
                          <ul>
                              li>a href="#">前端开发<span>></span></a></li>
                              li>a href="#">后端开发<span>>/span></ax/li>
                               i>a href="#"移动开发<span>></span>/a>/li>
                               liahref="#"人工智能<span>>/span>/a>/li>
                              li>a href="#"商业预测<span>></span>/a>/li>
                               lixahref="#"云计算&大数据<span>>/span>/ax/li>
                               klixahref="#">运维&从测试<span>></spanx</ax</li>
                               Kli><ahref="#">uI设计<span>></span></a></li>
                               <li>ahref="#">产品<span>></span></a></li>
                         </ul>
                     Edivl
                     div class="course"
 56
                          <divclass="course-hd">我的课程表/div>

img

 54                      /div>
 55                      <div class="COURSE">
 57898@D8456088717B
                          kdivclass="course-hd">我的课程表</div>
                          <div class-"course-bd">
                               <ul>
                                    kli>
                                         <h4>继续学习程序语言设计/h4>
                                         p>正在学习－使用对象</p>
                                    </li>
                                    <li>
                                         <h4>继续学习程序语言设计/h4>
                                         <p>正在学习－使用对象</p>
                                    xlix
                                         h4>继续学习程序语言设计</h4>
                                         p>正在学习-使用对象</p>
                               </ul>
                               lahref="#class="all"全部课程/a>
 74
                          /div>
 75
                     </div>
 76                 /div>
 77            </div>
 78
 79
 80       </boDy>
 81
 82       </html>
             终端  问题        输出               调试控制台

放到 ul 的旁边 也就是 subnav下 和 ul同级别 即可 。 如果图片 和 ul不在同一行 ，记得 给 subnav 加一个 display:flex; 或者浮动 也能完成（给ul和img都加float）

放在你class=“w”的盒子中，可以用img标签也可以当背景图片
subnav和course浮动之后脱标，图片就会被压在下面