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