关键字列表

· · 个人记录

一.

<p>
  ...
</p>

效果：另起一行显示中间的文本。

二.

<hx>
  ...
</hx>

效果：此处为了方便，统一同 <p> 处理。

注意：x是一个数字，例如 <h2> 。

三.

<ol>
  <li>
    ...
  </li>
  <li>
    ...
  </li>
  ...
</ol>

效果：由 <ol> 包裹若干个 <li> ，每个 <li> 的效果同 <p> ，但是因为在 <ol> 中，所以每个项应该应该加上前缀"x."，其中x表示这个 <li> 是第几项。

注意：如果 ... 不是一段嵌套的代码，则执行这行代码，且保持输出的缩进一致。具体请参考文末例子。

四.

<ul>
  <li>
    ...
  </li>
  <li>
    ...
  </li>
  ...
</ul>

效果：与 <ol> 类似，但是前缀改为 . 。

例子

1

code: 
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <p>Hello,world!</p>
    <h1>Hello,luogu!<h1>
  </body>
</html>
result: 
Hello,world!
Hello,luogu!

2

code: 
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <p>Where Are You?</p>
    <ul>
      <li>
        China
      </li>
      <li>
        USA
      </li>
      <li>
        Australia
      </li>
      <li>
        England
      </li>
    </ul>
  </body>
</html>
result: 
WhereAreYou?
.China
.USA
.Australia
.England

3

code: 
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <h1>My Favorite Movies:</h6>
    <ol>
      <li>
        <h3>Inside Out<\h3>
        <p>An Emotional Adventure Inside The Head Of A Young Girl.</p>
      </li>
      <li>
        <h3>Tomorrowland<\h3>
        <p>Recreating The Hope And Wonder Of Previous Generations.</p>
      </li>
      <li>
        <h3>The Wizard Of Oz<\h3>
        <p>Strangers Find Friendship And Strength On A Long Walk.</p>
      </li>
    </ol>
  </body>
</html>
result: 
My Favorite Movies:
.InsideOut
 AnEmotionalAdventureInsideTheHeadOfAYoungGirl.
.Tomorrowland
 RecreatingTheHopeAndWonderOfPreviousGenerations.
.TheWizardOfOz
 StrangersFindFriendshipAndStrengthOnALongWalk.

好了，你已经入门 HTML 了， 快去做题吧。（大雾）