zoukankan      html  css  js  c++  java
  • HTML 5--adding paragraphs(2)

    <ul>(后期可以用css 改变样式)

    <li>

     1 <!doctype html><html>
     2 <head>
     3 </head>
     4 <body>
     5     <p>Category of Rooms</p>
     6     <ul>
     7         <li>Standard Room</li>
     8         <li>Deluxe Room</li>
     9         <li>Super Deluxe Room</li>
    10     </ul>
    11 </body>
    12 </html>

    测试结果:

    二.

    <dl><dt><dd>

     1 <!doctype html><html>
     2 <head>
     3 </head>
     4 <body>
     5     <Dl>
     6         <dt>Term1 </dt><dd>this is the definition of the first term.</dd>
     7         <dt>Term2 </dt><dd>this is the definition of the second term.</dd>
     8     </Dl>
     9     </body>
    10 </html>

    测试结果:

    三.

    <br>

    <br> 可插入一个简单的换行符。

    <br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。

    请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。

    1 <!doctype html><html>
    2 <head>
    3 </head>
    4 <body>
    5 Welcome to the website of <br> Book your Hotel.
    6     </body>
    7 </html>

     测试结果:

     四.

    <p><hr><br></p><p</p>

    <hr>:  加一条分割线

     1 <!doctype html><html>
     2 <head>
     3 </head>
     4 <body>
     5 <p>Welcome to "Book Your Hotel"website.</p>
     6 <HR>
     7 <BR>This site os very user friendly.
     8 <br>This site gives information of all the hotels in USA.
     9 </P>
    10 <P>You can book your hotel while sitting at home.</P>
    11     </body>
    12 </html>

    测试结果:

  • 相关阅读:
    阿里规范
    阿里规范
    阿里规范
    sql 优化步骤
    事务的并发问题:脏读、幻读和不可重复读
    Hive 常见面试题(二)
    yield 的使用
    Java 线程状态
    Lambda 表达式推演全过程
    IDEA 代码自动补全/自动联想 功能
  • 原文地址:https://www.cnblogs.com/Catherinezhilin/p/8804545.html
Copyright © 2011-2022 走看看