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）相关推荐

python实战经典例子_Python基础之列表常见操作经典实例详解
本文实例讲述了Python基础之列表常见操作.分享给大家供大家参考,具体如下: Python中的列表操作列表是Python中使用最频繁的数据类型[可以说没有之一] 一组有序项目的集合可变的数据类型 ...
python100例详解-Python基础之列表常见操作经典实例详解
本文实例讲述了Python基础之列表常见操作.分享给大家供大家参考,具体如下: Python中的列表操作列表是Python中使用最频繁的数据类型[可以说没有之一] 一组有序项目的集合可变的数据类型 ...
C#基础教程-c#实例教程，适合初学者
C#基础教程-c#实例教程,适合初学者. 第一章 C#语言基础本章介绍C#语言的基础知识,希望具有C语言的读者能够基本掌握C#语言,并以此为基础,能够进一步学习用C#语言编写window应用程序和W ...
PySide2 基础入门-创建实例窗口（详细解释）
PySide2 基础入门-创建实例窗口(详细解释) python 3.7 / Pyside2 (如果使用pyQt5,将Pyside2 直接替换PyQt5即可)首先我们在Qt Designer中画好界面 ...
python语言的数据类型图解_Python基础——数据类型(图解+实例，非常详细！)
Python基础--数据类型(图解+实例,非常详细!) Python基础--数据类型(图解+实例,非常详细!) 内容及版权声明:笔记是根据开课吧--Python语法爬虫分析课和自己的理解记录,其中包含 ...
html5图片列表纵向,div css图片列表实例布局案例ul li布局
DIV CSS布局图文列表布局案例 ul li图文列表使用div css ul li布局图文列表小局部案例,学习图文列表布局实际案例. div+css图文布局案例图本案例在DIVCSS5模板基础上 ...
Python基础编程入门实例：恺撒密码
文章目录 Python基础编程入门实例:恺撒密码一.什么是恺撒密码二.程序运行环境三.恺撒密码:加密 3.1.恺撒密码加密实例程序 3.2.恺撒密码加密实例程序运行结果四.恺撒密码:解密 4. ...
div css图片列表实例
1.DIVCSS5初始化模板为了兼容各大浏览器,开发案例或项目建议下载使用.使用前先修改预先设置的样式(DIVCSS5初始化模板). 2.图片素材主要是使用PS切出所需内容图片素材.(已经放入im ...
2021爱智先行者—（2）零基础APP开发实例
[本文正在参与"2021爱智先行者-征文大赛"活动],活动链接:https://bbs.csdn.net/topics/602601454 欢迎关注『Python小白的项目实战』 ...

HTML基础：文本列表实例2（9）

HTML基础：文本列表实例2（9）相关推荐

最新文章

热门文章