HTML基础：文本列表实例2（9）
生活随笔
收集整理的這篇文章主要介紹了
HTML基础：文本列表实例2（9）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下面的例子是一個會議通知。
為了實現這個格式，最主要是：
（1）pre標簽，保留原始文本的格式，需要不斷調整文本輸入。但是pre標簽中包含的其他標簽，也會影響輸出效果。
代碼中去掉了li的結束標簽，可能是由于在pre標簽中，會導致行間距太大。
在參會嘉賓中，第2行加上了br 換行標簽，是由于如果不加標簽，受pre影響，導致數據縮進太大，用br就是為了讓文本上下之間對齊。
（2）ul標簽，無序列表實現會議的相關信息。ol標簽列出了注意事項。
代碼如下：
?
<!doctype html> <html><head><meta http-equiv="content-type" content="utf8"><title>Document</title></head><body><h1 align="center">中國互聯網大會</h1><p>各位從事互聯網事業的小伙伴們：</p><p>定于2026年12月10日召開中國互聯網大會。現將有關事宜通知如下：</p><pre><ul><li>會議議題：<u>新形勢下的互聯網發展</u><li>參會嘉賓：<u>國務院發展與改革委員會新經濟研究所所長（張三）</u><br> <u>中國科學院互聯網發展研究中心研究員（李四）</u><br> <u>北京大學人工智能研究所教授（王五）</u><br> <u>阿里巴巴網絡技術有限公司網絡技術中心總經理（陳六）</u><li>會議時間：<u>從10日到12日結束</u><li>會議地點：<u>廣東省廣州市陽泉酒家</u><li>注意事項：<ol><li><u>門票價格，每張1000元</u><li><u>交通工具自備</u><li><u>住宿自理</u><li><u>中午提供免費午餐</u></ol></li></ul></pre></body> </html>?
轉載于:https://www.cnblogs.com/momogua/p/8304368.html
總結
以上是生活随笔為你收集整理的HTML基础：文本列表实例2（9）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Android SDK更新下载失败以及S
- 下一篇： Javaweb 第1天 HTML和CSS