设计网页草图(略图)

以日志模版为例

模块 说明
h1 标题
p 段落
h2 小标题
img 图片
p 图片
h2 小标题

3. 构建模块 - 图1

引用

<q>短文本引用

  • <q>引用开始
  • </q>引用结束
  • 不是所用浏览器会对引用加上双引号
  • 可以让页面更结构化,更有意义

<blockquote>长文本引用

类似markdown的>

  • 较长文本,单独显示的引用

<br>换行

  • 类似<img>不用结束代码

构建HTML列表

<li>构建列表

  1. <li>你好</li>
  • 你好
  1. 你好
  2. 你好
  3. 你好
  4. 你好
  5. 你好
  6. 你好
  • `一起使用否则无意义

    其他列表

  • 嵌套列表

    <ol>
    <li>order ticket</li>
    <li> pack list
       <ul>
           <li>cell phone</li>
           <li>keys</li>
           <li>clothes</li>
       </ul>
    </li>
    <li>call home</li>
    </ol>
    
  • 定义列表

    <dl>
    <dt>test1</dt>
       <dd>something1</dd>
    <dt>test2</dt>
       <dd>something2</dd>
    </dt>
    

    加粗用<em></em>