zoukankan      html  css  js  c++  java
  • 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>


  • 相关阅读:
    ORA-01113: file xxxx needs media recovery
    ORACLE快速彻底Kill掉的会话
    fdisk添加分区引起的Linux Error: 22: Invalid argument
    VMware下Windows Server 2012添加新磁盘
    MS SQL 监控错误日志的告警信息
    【转载】latch: cache buffers chains
    SQL*Plus环境变量设置浅析
    Red Hat Enterprise Server 6.0 安装Sendmail相关包
    Python isinstance判断对象类型
    python strip()函数
  • 原文地址:https://www.cnblogs.com/momogua/p/8304368.html
Copyright © 2011-2022 走看看