正在加载图片...
《Web前端开发》实验教学指导/实验五:文字排版 </head> <div class="content"> div style="float: left; " ng src="new. jpg"width="200"height=130"/> <div class="list1"> <u|> <i>通过htm与css结合进行文字排版</> <|>通过htm与css结合进行文字排版</> <i>通过htm与css结合进行文字排版</i> <i>通过htm与css结合进行文字排版</i <>通过htm与css结合进行文字排版< <divs div class="list2"> <>文字排版文字排版文字排版版文字排版版文字排版<> <i>文字排版文字排版文字排版版文字排版版文字排版</> <>文字排版文字排版文字排版版文字排版版文字排版</> <>文字排版文字排版文字排版版文字排版版文字排版< 2、简单的导航条 编写简单的导航条,效果如图5-2所示 文字排版 图5-2导航菜单 参考代码 <doctype html> tite>文字排版<htte <style type="text/css"> dy 河南中医学院互联网应用技术研究所 本讲共计9页|当前第3页《Web 前端开发》实验教学指导 / 实验五：文字排版 河南中医学院互联网应用技术研究所 本讲共计 9 页 | 当前第 3 页 </style> </head> <body> <div class="content"> <div style="float:left;"> <img src="new.jpg" width="200" height="130"/> </div> <div class="list1"> <ul> <li>通过 html 与 css 结合进行文字排版</li> <li>通过 html 与 css 结合进行文字排版</li> <li>通过 html 与 css 结合进行文字排版</li> <li>通过 html 与 css 结合进行文字排版</li> <li>通过 html 与 css 结合进行文字排版</li> </ul> </div> <div class="list2"> <ul> <li>文字排版文字排版文字排版版文字排版版文字排版</li> <li>文字排版文字排版文字排版版文字排版版文字排版</li> <li>文字排版文字排版文字排版版文字排版版文字排版</li> <li>文字排版文字排版文字排版版文字排版版文字排版</li> </ul> </div> </div> </body> </html> 2、简单的导航条 编写简单的导航条，效果如图 5-2 所示。 参考代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>文字排版</title> <style type="text/css"> body { 图 5-2 导航菜单