|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
<title>无标题文档</title>
|
|
|
<meta name="keywords" content="xhsjakdjas" />
|
|
|
<meta name="description" content="hjsladsjak" />
|
|
|
<link href="css/sample.css" rel="stylesheet" type="text/css" />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div id="top">
|
|
|
<div class="box980">
|
|
|
<h1>Base CSS</h1>
|
|
|
<p>基础应用</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="left">
|
|
|
<ul class="leftnav">
|
|
|
<li><a href="#sbody">Body</a></li>
|
|
|
<li><a href="#slist">List</a></li>
|
|
|
<li><a href="#image">Image</a></li>
|
|
|
<li><a href="#table">Table</a></li>
|
|
|
<li><a href="#blockquote">Blockquote</a></li>
|
|
|
<li><a href="#description">Description</a></li>
|
|
|
<li><a href="#address">Address</a></li>
|
|
|
<li><a href="#tour-info">Tour-info</a></li>
|
|
|
<li><a href="#with-border">Article with border</a></li>
|
|
|
<li><a href="#top-todo">Top things to do</a></li>
|
|
|
<li><a href="#weather">Weather</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div class="rigthcontent">
|
|
|
<a name="sbody"></a>
|
|
|
<h1>Heading</h1>
|
|
|
<p>在Html中, 可以使用 <code><h1></code> 到 <code><h6></code>作为标题。使用顺序一定是按照数字的顺序依次向下，并且不能跳跃使用。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<h1>h1. Heading 1</h1>
|
|
|
<h2>h2. Heading 2</h2>
|
|
|
<h3>h3. Heading 3</h3>
|
|
|
<h4>h4. Heading 4</h4>
|
|
|
<h5>h5. Heading 5</h5>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><h1></code>heding 1<code></h1></code></div>
|
|
|
</div>
|
|
|
|
|
|
<h2>有颜色的标题</h2>
|
|
|
<p>使用 <code><class></code> “类”来定义标题的样式。h1和h2的样式固定为灰色。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<h3 class="blue">h3. Heading 3</h3>
|
|
|
<h4 class="blue">h4. Heading 4</h4>
|
|
|
<h5 class="blue">h5. Heading 5</h5>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><h3 class="blue"></code>heding 1<code></h3></code></div>
|
|
|
</div>
|
|
|
|
|
|
<h2>红色背景的标题</h2>
|
|
|
<p>在标题添加颜色背景样式</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<h2 class="bg-red">h2. Heading 2</h2>
|
|
|
<h3 class="bg-red">h3. Heading 3</h3>
|
|
|
<h4 class="bg-red">h4. Heading 4</h4>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; padding-top:15px; padding-left:15px;">
|
|
|
<ol>
|
|
|
<li><code><h2 class="bg-red"></code>heding 2<code></h2></code></li>
|
|
|
<li><code><h3 class="bg-red"></code>heding 3<code></h3></code></li>
|
|
|
<li><code><h4 class="bg-red"></code>heding 4<code></h4></code></li>
|
|
|
<li></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h2>灰色背景的标题</h2>
|
|
|
<p>背景为灰色</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<h2 class="bg-gray">h2. Heading 2</h2>
|
|
|
<h3 class="bg-gray">h3. Heading 3</h3>
|
|
|
<h4 class="bg-gray">h4. Heading 4</h4>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; padding-top:15px; padding-left:15px;">
|
|
|
<ol>
|
|
|
<li><code><h2 class="bg-gray"></code>heding 2<code></h2></code></li>
|
|
|
<li><code><h3 class="bg-gray"></code>heding 3<code></h3></code></li>
|
|
|
<li><code><h4 class="bg-gray"></code>heding 4<code></h4></code></li>
|
|
|
<li></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h1>Body copy</h1>
|
|
|
<p>页面信息内容默文本认字体号数 <code><Font-size></code> 为 13px, 行高 <code><line-height></code> 是 20px. 这是应用到 <code><content-info></code>的. 此外, <code><p></code> 默认为每一段都与下一段有10px的距离。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<p>Forêt de Pierre, Parc du Lac vert, Village de pierre de Xizhou, Ancienne ville de Dali, Trois Pagodes, Marché de Shaping, Ancienne ville de Lijiang, Etang profond de Dragon Noir, Fresque du Village de Baisha, Ancienne résidence de Rock dans le Village de Yuhu, Gorges du Saut du tigre, Village Shigu, Visite à une famille tibétaine, Experience Shangri-La, Lac de Bita et Lac de Shudu</p>
|
|
|
<p>Parc de Manting, Vallée des Elephants sauvages, Jardin botanique tropical à Menglun, Village Jinuo, La plaine d'olive, Festival d’aspersion, Pavillons octogonaux de Jung Zhen, Marché livre</p>
|
|
|
<p>Ancienne ville de Lijiang, Etang profond de Dragon Noir, Colline de lion, Fresque du Village de Baisha, Mont enneigé de Jade Dragon ( de Ganhaizi), Gorge du saut du Tigre, Village Shigu</p>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><p></code>sumary <code></p></code></div>
|
|
|
</div>
|
|
|
|
|
|
<h1>a</h1>
|
|
|
<p>文字连接：<code><a href=“/”></code>连接文字<code></a></code>，<code><href=“/”></code>中，“/”为连接地址。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<a href="/">连接文字</a>
|
|
|
<p></p>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><a href="/"></code> 连接文字 <code></a></code></div>
|
|
|
</div>
|
|
|
|
|
|
<h1>斜体a</h1>
|
|
|
<p>斜体<code><a></code><code><em></code>连接文字<code></em></code><code></a></code>,可以使有链接的斜体有以下效果。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<a href="/"><em>连接文字</em></a>
|
|
|
<p></p>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><a href="/"></code><code><em></code> 连接文字<code></em></code><code></a></code></div>
|
|
|
</div>
|
|
|
|
|
|
<h1>Strong</h1>
|
|
|
<p>为了强调一个<strong>重要</strong>的文本段.</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p style="color:#99C;"><strong>example</strong></p>
|
|
|
<p>The following snippet of text is <strong>rendered as bold text.</strong></p>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><strong></code> rendered as bold text. <code></strong></code></div>
|
|
|
</div>
|
|
|
|
|
|
<p><strong class="sblue">重要</strong>的颜色.添加 <code>class="sblue"</code> 或 <code>class="sred"</code> 改变粗体的颜色。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p style="color:#99C;"><strong>example</strong></p>
|
|
|
<p>The following snippet of text is <strong class="sblue">rendered as bold text.</strong></p>
|
|
|
<p>The following snippet of text is <strong class="sred">rendered as bold text.</strong></p>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><strong class="sblue"></code> rendered as bold text. <code></strong></code></div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;"> <code><strong class="sred"></code> rendered as bold text. <code></strong></code></div>
|
|
|
</div>
|
|
|
|
|
|
<h1>Italics</h1>
|
|
|
<p><em>斜体</em></p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<p>Circuit classique qui comprend <em>4 villes incontournables en Chine.</em></p>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:30px; padding-top:15px; padding-left:15px;">格式: <code><em></code> 4 villes incontournables en Chine. <code></em></code></div>
|
|
|
</div>
|
|
|
|
|
|
<a name="slist"></a>
|
|
|
<h1>Lists</h1>
|
|
|
<h2>无序列表(ul)</h2>
|
|
|
<p>该列表没有明确的序号标识</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<ul>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ul></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L2"> <code class="tag" style="color:#039;"></ul></code> </li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h3>多列列表</h3>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<ul>
|
|
|
<li class="transverse">Une découverte profonde dans</li>
|
|
|
<li class="transverse">Une découverte profonde dans</li><div style="clear:both;"></div>
|
|
|
<li class="transverse">Une découverte profonde dans</li>
|
|
|
<li class="transverse">Une découverte profonde dans</li><div style="clear:both;"></div>
|
|
|
<li class="transverse">Une découverte profonde dans</li>
|
|
|
<li class="transverse">Une découverte profonde dans</li><div style="clear:both;"></div>
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ul></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li class="transverse"></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li class="transverse"></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><div style="clear:both;"></code></span><code class="tag" style="color:#039;"><div></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li class="transverse"></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li class="transverse"></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><div style="clear:both;"></code></span><code class="tag" style="color:#039;"><div></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li class="transverse"></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li class="transverse"></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><div style="clear:both;"></code></span><code class="tag" style="color:#039;"><div></code></li>
|
|
|
<li class="L2"> <code class="tag" style="color:#039;"></ul></code> </li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h2>有背景的列表</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<ul>
|
|
|
<li class="liWithBackground">
|
|
|
<img class="liIcon" src="image/drop-1.GIF"/>
|
|
|
China Highlights has more than 152 off the shelf Private China tour packages to all parts of China. We specialize in customizing or tailor making a package to make it do exactly what you want.</li>
|
|
|
<li class="liWithBackground">
|
|
|
<img class="liIcon" src="image/drop-1.GIF"/>
|
|
|
China Highlights has more than 152 off the shelf Private China tour packages to all parts of China.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ul></code></li>
|
|
|
<li class="L0"> <code class="tag" style="color:#039;"><li class="liWithBackground"></code></li>
|
|
|
<li> <code><img class="liIcon" src="/Publicbin/pic/drop-1.GIF"/></code></li>
|
|
|
<li> China Highlights has more than 152 off the shelf Private China tour packages to all parts of China. We specialize in customizing or tailor making a package to make it do exactly what you want.</li>
|
|
|
<li class="L0"> <code class="tag" style="color:#039;"></li></code></li>
|
|
|
|
|
|
<li class="L0"> <code class="tag" style="color:#039;"><li class="liWithBackground"></code></li>
|
|
|
<li> <code><img class="liIcon" src="/Publicbin/pic/drop-1.GIF"/></code></li>
|
|
|
<li> China Highlights has more than 152 off the shelf Private China tour packages to all parts of China. We specialize in customizing or tailor making a package to make it do exactly what you want.</li>
|
|
|
<li class="L0"> <code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></ul></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<h2>有序列表(ol)</h2>
|
|
|
<p>该列表有明确的序号标识</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<ol>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
<li>Une découverte profonde dans le Yunnan</li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ol></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><li></code></span> <span class="pln">Une découverte profonde dans le Yunnan</span> <span><code class="tag" style="color:#039;"></li></code></span> </li>
|
|
|
<li class="L2"> <code class="tag" style="color:#039;"></ol></code> </li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="image"></a>
|
|
|
<h1>img</h1>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<img src="image/tibet.jpg"/ alt="tibet">
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<p>默认格式: <code><img src="图片路径地址/" alt="图片描述"></code></p>
|
|
|
<p>图片右对齐: <code><img class="floatright" src="图片路径地址/" alt="图片描述"></code></p>
|
|
|
<p>图片左对齐: <code><img class="floatleft" src="图片路径地址/" alt="图片描述"></code></p>
|
|
|
<p><strong>图片默认为左对齐。大家可以选择在图片属性里选择图片位置，也可以添加class属性。</strong></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<h2>有标题的图片</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="picWithTitle"><img alt="beijing" src="image/tibet.jpg"/>
|
|
|
<span class="photoTitle">The Badaling Great Wall</span>
|
|
|
</div> <div style="clear:both;"></div>
|
|
|
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="picWithTitle"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img src="/" alt="greatwall"/></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><span class="photoTitle"></code>The Badaling Great Wall <code class="tag" style="color:#039;"></span></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></div></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="table"></a>
|
|
|
<h1>Table</h1>
|
|
|
<h2>默认样式</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<table class="table">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th>#</th>
|
|
|
<th>First Name</th>
|
|
|
<th>Last Name</th>
|
|
|
<th>Username</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td>1</td>
|
|
|
<td>Mark</td>
|
|
|
<td>Otto</td>
|
|
|
<td>@mdo</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>2</td>
|
|
|
<td>Jacob</td>
|
|
|
<td>Thornton</td>
|
|
|
<td>@fat</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>3</td>
|
|
|
<td>Larry</td>
|
|
|
<td>the Bird</td>
|
|
|
<td>@twitter</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table class="table"></code></li>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><thead></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">#</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">First Name</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">Last Name</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">Username</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></thead></code></li><br/>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tbody></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">1</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">Mark</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">Otto</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">@mdo</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tbody></code></li>
|
|
|
|
|
|
<li class="L2"> <code class="tag" style="color:#039;"></table></code> </li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h1>Table2</h1>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="infotable">
|
|
|
<table class="tableleft">
|
|
|
<tr>
|
|
|
<th>中文名：</th>
|
|
|
<td>国庆节</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>英文名：</th>
|
|
|
<td>National Day</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>时间：</th>
|
|
|
<td>10月1日</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th class="border">节日象征：</th>
|
|
|
<td class="border">国家独立</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
|
<table class="tableright">
|
|
|
<tr>
|
|
|
<th>法定假期：</th>
|
|
|
<td>3天</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>庆祝缘由：</th>
|
|
|
<td>宣告中华人民共和国成立的日子</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>庆祝范围：</th>
|
|
|
<td>全国</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th class="border">纪念方式：</th>
|
|
|
<td class="border">大规模、全民性庆典活动</td>
|
|
|
</tr>
|
|
|
</table><div class="clear"></div>
|
|
|
|
|
|
<h2 class="summaryhead">节日活动</h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="infotable"></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table class="tableleft"></code></li>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">中文名：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">国庆节</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">英文名：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">National Day</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">时间：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">10月1日</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th class="border"></code></span>节日特征<span class="pln">：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td class="border"></code></span> <span class="pln">国家独立</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li><br/>
|
|
|
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table class="tableright"></code></li>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> 法定假期： <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">3天</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">庆祝缘由：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">宣告中华人民共和国成立的日子</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th></code></span> <span class="pln">庆祝范围：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td></code></span> <span class="pln">全国</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><th class="border"></code></span>纪念方式<span class="pln">：</span> <span><code class="tag" style="color:#039;"></th></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><td class="border"></code></span><span class="border">大规模、全民性庆典活动</span> <span><code class="tag" style="color:#039;"></td></code></span> </li>
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><div class="clear"></code><code class="tag" style="color:#039;"></div></code></li>
|
|
|
|
|
|
<li class="L1"> <span class="pln"> </span> <span><code class="tag" style="color:#039;"><h2 class="summaryhead"></code> 节日活动 <code class="tag" style="color:#039;"></h2></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h1>Table3——举例：北京地铁信息表格</h1>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<table cellspacing="1" class="tab1">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<th width="155" rowspan="3" class="tac"><strong class="sblue">Station</strong></th>
|
|
|
<th width="271" colspan="3" class="tac"><strong class="sblue">Outer Ring</strong></th>
|
|
|
<th width="313" colspan="3" class="tac"><strong class="sblue">Inner Ring</strong></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th width="83" rowspan="2" class="tac">First Train</th>
|
|
|
<th width="189" colspan="2" class="tac">Last Train</th>
|
|
|
<th width="104" rowspan="2" class="tac">First Train</th>
|
|
|
<th width="209" colspan="2" class="tac">Last Train</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th width="84" class="tac">Total Line</th>
|
|
|
<th width="105" class="tac">To Jishuitan</th>
|
|
|
<th width="104" class="tac">Total Line</th>
|
|
|
<th width="105" class="tac">To Xizhimen</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td width="155" class="tac">Xizhimen</td>
|
|
|
<td width="83" class="tac">05:09</td>
|
|
|
<td width="84" class="tac">22:14</td>
|
|
|
<td width="105" class="tac">22:59</td>
|
|
|
<td width="104" class="tac">05:33</td>
|
|
|
<td width="104" class="tac">22:41</td>
|
|
|
<td width="105" class="tac">----</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table cellspacing="1" class="tab1"></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tbody></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="155" rowspan="3" class="tac"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Station <code class="tag" style="color:#039;"></strong></code>
|
|
|
<code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="271" colspan="3" class="tac"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Outer Ring<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="313" colspan="3" class="tac"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Inner Ring<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="83" rowspan="2" class="tac"></code>First Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="189" colspan="2" class="tac"></code>Last Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="104" rowspan="2" class="tac"></code>First Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="209" colspan="2" class="tac"></code>Last Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="84" class="tac"></code>Total Line <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="105" class="tac"></code>To Jishuitan <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="104" class="tac"></code>Total Line <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th width="105" class="tac"></code>To Xizhimen <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="155" class="tac"></code>Xizhimen <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="83" class="tac"></code>05:09 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="84" class="tac"></code>22:14 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="105" class="tac"></code>22:59 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="104" class="tac"></code>05:33 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="104" class="tac"></code>22:41 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="105" class="tac"></code>---- <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tbody></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li>
|
|
|
|
|
|
<li>表格内容（白底部分）只展示了一排，需要往下添加的只需要复制<br />
|
|
|
<img src="image/MSNLitePic 2013-08-06 17_18_47.jpg" /><br />
|
|
|
这部分，然后修改里面的内容即可。</li>
|
|
|
|
|
|
</ol>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h1>Table4——举例：北京地铁信息表格2</h1>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<table class="tab1" cellspacing="1">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<th class="tac" width="156" rowspan="2"><strong class="sblue">Station</strong></th>
|
|
|
<th class="tac" width="280" colspan="2"><strong class="sblue">To Sihuidong</strong></th>
|
|
|
<th class="tac" width="272" colspan="2"><strong class="sblue">To Pingguoyuan</strong></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th class="tac" width="133">First Train</th>
|
|
|
<th class="tac" width="147">Last Train</th>
|
|
|
<th class="tac" width="147">First Train</th>
|
|
|
<th class="tac" width="125">Last Train</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td class="tac" width="156">Pingguoyuan</td>
|
|
|
<td class="tac" width="133">05:10</td>
|
|
|
<td class="tac" width="147">22:55</td>
|
|
|
<td class="tac" width="147">05:40</td>
|
|
|
<td class="tac" width="125">00:11</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table cellspacing="1" class="tab1"></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tbody></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="156" rowspan="2"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Station <code class="tag" style="color:#039;"></strong></code>
|
|
|
<code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="280" colspan="2"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>To Sihuidong<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="272" colspan="2"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>To Pingguoyuan<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="133"></code>First Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="147"></code>Last Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="147"></code>First Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="125"></code>Last Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td class="tac" width="156"></code>Pingguoyuan <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td class="tac" width="133"></code>05:10 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td class="tac" width="147"></code>22:55 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td class="tac" width="147"></code>05:40 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td class="tac" width="125"></code>00:11 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tbody></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li>
|
|
|
|
|
|
<li>表格内容（白底部分）只展示了一排，需要往下添加的只需要复制<br /><img src="image/MSNLitePic 2013-08-07 09_42_51.jpg"/><br />这部分，然后修改里面的内容即可。</li>
|
|
|
|
|
|
</ol>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h1>Table5——举例：北京地铁信息表格3</h1>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<table class="tab1" cellspacing="1">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<th class="tac" width="223" rowspan="3"><strong class="sblue">Station</strong></th>
|
|
|
<th class="tac" width="252" colspan="4"><strong class="sblue">Clockwise <br />(Baogou - Chedaogou)</strong></th>
|
|
|
<th class="tac" width="252" rowspan="3"><strong class="sblue">Station</strong></th>
|
|
|
<th class="tac" colspan="3"><strong class="sblue">Counter-Clockwise <br />(Chedaogou - Bagou)</strong></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th class="tac" width="120" rowspan="2">First Train</th>
|
|
|
<th class="tac" width="132" colspan="3">Last Train</th>
|
|
|
<th class="tac" width="132" rowspan="2">First Train</th>
|
|
|
<th class="tac" width="132" colspan="2">Last Train</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th class="tac" width="120">Whole Line</th>
|
|
|
<th class="tac" width="120">Terminal: Bagou</th>
|
|
|
<th class="tac" width="132">Terminal: Songjiazhuang</th>
|
|
|
<th class="tac" width="120">Whole Line</th>
|
|
|
<th class="tac" width="132">Terminal: Chedaogou</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td width="223" class="tac">Bagou</td>
|
|
|
<td width="120" class="tac">04:54</td>
|
|
|
<td width="120" class="tac">20:23</td>
|
|
|
<td width="120" class="tac">22:08</td>
|
|
|
<td width="132" class="tac">22:27</td>
|
|
|
<td width="132" class="tac">Suzhoujie</td>
|
|
|
<td width="132" class="tac">06:34</td>
|
|
|
<td width="120" class="tac">22:32</td>
|
|
|
<td width="132" class="tac">00:18</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table cellspacing="1" class="tab1"></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tbody></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="223" rowspan="3"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Station <code class="tag" style="color:#039;"></strong></code>
|
|
|
<code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="252" colspan="4"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Clockwise <code class="tag" style="color:#039;"><br/></code>(Baogou - Chedaogou)
|
|
|
<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="252" rowspan="3"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Station<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" colspan="3"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Counter-Clockwise <code class="tag" style="color:#039;"><br/></code>(Chedaogou - Bagou)
|
|
|
<code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="120" rowspan="2"></code>First Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="132" colspan="3"></code>Last Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="132" rowspan="2"></code>First Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="132" colspan="2"></code>Last Train <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="120"></code>Whole line <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="120"></code>Terminal: Bagou <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="132"></code>Terminal: Songjiazhuang <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="120"></code>Whole line <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th class="tac" width="132"></code>Terminal: Chedaogou <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="223" class="tac"></code>Bagou <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="120" class="tac"></code>04:54 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="120" class="tac"></code>20:23 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="120" class="tac"></code>22:08 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="132" class="tac"></code>22:27 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="132" class="tac"></code>Suzhoujie <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="132" class="tac"></code>06:34 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="120" class="tac"></code>22:32 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td width="132" class="tac"></code>00:18 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tbody></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li>
|
|
|
|
|
|
<li>表格内容（白底部分）只展示了一排，需要往下添加的只需要复制<br /><img src="image/MSNLitePic 2013-08-07 10_32_21.jpg"/><br />这部分，然后修改里面的内容即可。</li>
|
|
|
|
|
|
</ol>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h1>Table6——举例：北京地铁信息表格4</h1>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<table class="table1" cellspacing="1">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<th rowspan="3"><p style="width:120px;"><strong class="sblue">Station</strong></p></th>
|
|
|
<th colspan="2"><p style="width:200px;"><strong class="sblue">To Xiju</strong></p></th>
|
|
|
<th colspan="3"><p style="width:413px;"><strong class="sblue">To Zhangguozhuang</strong></p></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th rowspan="2"><p style="width:80px;">First Train</p></th>
|
|
|
<th rowspan="2"><p style="width:80px;">Last Train</p></th>
|
|
|
<th rowspan="2"><p style="width:100px;">First Train</p></th>
|
|
|
<th colspan="3"><p style="width:271px;">Last Train</p></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th><p style="width:171px;">To Zhangguozhuang (Omnidistance)</p></th>
|
|
|
<th><p style="width:120px;">To Dawayao (Halfway)</p></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><p style="width:120px;">Zhangguozhuang</p></td>
|
|
|
<td><p style="width:80px;">05:30</p></td>
|
|
|
<td><p style="width:80px;">22:10</p></td>
|
|
|
<td><p style="width:100px;">---</p></td>
|
|
|
<td><p style="width:171px;">---</p></td>
|
|
|
<td><p style="width:120px;">---</p></td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table class="table1" cellspacing="1"></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tbody></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th rowspan="3"></code> <code class="tag" style="color:#039;"><p style="width:120px;"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>Station <code class="tag" style="color:#039;"></strong></code>
|
|
|
<code class="tag" style="color:#039;"></p></code>
|
|
|
<code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th rowspan="2"></code> <code class="tag" style="color:#039;"><p style="width:200px;"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>To Xiju <code class="tag" style="color:#039;"></strong></code>
|
|
|
<code class="tag" style="color:#039;"></p></code>
|
|
|
<code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th rowspan="3"></code> <code class="tag" style="color:#039;"><p style="width:413px;"></code>
|
|
|
<code class="tag" style="color:#039;"><strong class="sblue"></code>To Zhangguozhuang <code class="tag" style="color:#039;"></strong></code> <code class="tag" style="color:#039;"></th></code>
|
|
|
</li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th rowspan="2"></code> <code class="tag" style="color:#039;"><p style="width:80px;"></code>
|
|
|
First Train <code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th rowspan="2"></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:80px;"></code>Last Train <code class="tag" style="color:#039;"></p></code>
|
|
|
<code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th rowspan="2"></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:100px;"></code> First Train
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th colspan="3"></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:271px;"></code>Last Train
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:171px;"></code>To Zhangguozhuang (Omnidistance)
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><th></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:120px;"></code>To Dawayao (Halfway)
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:120px;"></code>Bagou
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:80px;"></code>05:30
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:80px;"></code>22:10
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:100px;"></code>---
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:171px;"></code>---
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span>
|
|
|
<code class="tag" style="color:#039;"><td></code>
|
|
|
<code class="tag" style="color:#039;"><p style="width:120px;"></code>---
|
|
|
<code class="tag" style="color:#039;"></p></code> <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
|
|
|
<li class="L0"> <span class="pln"> </span> <code class="tag" style="color:#039;"></tbody></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li>
|
|
|
|
|
|
<li>表格内容（白底部分）只展示了一排，需要往下添加的只需要复制<br /><img src="image/MSNLitePic 2013-08-07 15_41_51.jpg"/><br />这部分，然后修改里面的内容即可。</li>
|
|
|
|
|
|
</ol>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a name="blockquote"></a>
|
|
|
<h1>Blockquotes</h1>
|
|
|
<h3>默认引用样式</h3>
|
|
|
<p>用<code><blockquote></code>来写一段引用，直接引用我们推荐使用<code><p></code>标签。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<blockquote>
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
|
</blockquote>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><blockquote></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><p></code>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></blockquote></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h3>引用的来源命名</h3>
|
|
|
<p>添加<code><small></code>标签来表示来源，来源的名字写在<code><cite></code>标签里，</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<blockquote>
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
|
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
|
|
|
</blockquote>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><blockquote></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><p></code>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li> <span> </span> <span><code class="tag" style="color:#039;"><small></code>Someone famous in <code class="atn"><cite Title="Source Title"></code>Source Title.<code class="tag" style="color:#039;"></cite></code><code class="tag" style="color:#039;">
|
|
|
</small></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></blockquote></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="description"></a>
|
|
|
<h1>Description</h1>
|
|
|
<p>一个关于其描述的列表。</p>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<dl>
|
|
|
<dt>Description lists</dt>
|
|
|
<dd>A description list is perfect for defining terms.</dd>
|
|
|
<dt>Euismod</dt>
|
|
|
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
|
|
|
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
|
|
|
<dt>Malesuada porta</dt>
|
|
|
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
|
|
|
</dl>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><dl></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><dt></code>Description lists<code class="tag" style="color:#039;"></dt></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><dd></code>A description list is perfect for defining terms.<code class="tag" style="color:#039;"></dd></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></dl></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h3>横向描述</h3>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<dl class="dl-horizontal">
|
|
|
<dt>Description lists</dt>
|
|
|
<dd>A description list is perfect for defining terms.</dd>
|
|
|
<dt>Euismod</dt>
|
|
|
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
|
|
|
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
|
|
|
<dt>Malesuada porta</dt>
|
|
|
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
|
|
|
<dt>Felis euismod semper eget lacinia</dt>
|
|
|
<dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
|
|
|
</dl>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><dl class="dl-horizontal"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><dt></code>Description lists<code class="tag" style="color:#039;"></dt></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><dd></code>A description list is perfect for defining terms.<code class="tag" style="color:#039;"></dd></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><dt></code>Euismod<code class="tag" style="color:#039;"></dt></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><dd></code>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><dd></code>Donec id elit non mi porta gravida at eget metus.<code class="tag" style="color:#039;"></dd></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></dl></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="address"></a>
|
|
|
<h2>Addresses</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<address>
|
|
|
<strong>Twitter, Inc.</strong><br>
|
|
|
795 Folsom Ave, Suite 600<br>
|
|
|
San Francisco, CA 94107<br>
|
|
|
Phone: (123) 456-7890
|
|
|
</address>
|
|
|
|
|
|
<address>
|
|
|
<strong>Full Name</strong><br>
|
|
|
<a href="mailto:#">first.last@gmail.com</a>
|
|
|
</address>
|
|
|
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><address></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><strong></code><strong>Twitter, Inc.</strong><code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"><br></code></li>
|
|
|
<li class="L1"> <span> </span>795 Folsom Ave, Suite 600<code class="tag" style="color:#039;"><br></code></li>
|
|
|
<li class="L1"> <span> </span>San Francisco, CA 94107<code class="tag" style="color:#039;"><br></code></li>
|
|
|
<li class="L1"> <span> </span>P: (123) 456-7890</li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></address></code></li>
|
|
|
<li class="L1"></li>
|
|
|
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><address></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><strong></code><strong>Full Name</strong><code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"><br></code></li>
|
|
|
<li class="L9"><span class="pln"> </span><code class="tag" style="color:#039;"><a href="/"></code><span class="pln">first.last@gmail.com</span><code class="tag" style="color:#039;"></a></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></address></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="tour-info"></a>
|
|
|
<h2>Tours-info 1</h2>
|
|
|
<div class="tours-info">
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="tourinfo">
|
|
|
<div class="tourinfotit">
|
|
|
<p class="tourname"><a href="/">秋に宏村へ紅葉観賞</a><span class="tourprice">2898元/人より</span></p>
|
|
|
</div>
|
|
|
|
|
|
<div class="tourimg">
|
|
|
<a href="/"><img width="250px" height="130px" src="image/tachuan.jpg" alt="塔川の紅葉"></a>
|
|
|
</div>
|
|
|
<div class="tourtxt">
|
|
|
<h3>黄山・屯渓・宏村（4日間）</h3>
|
|
|
<p>毎年11月は塔川紅葉のベスト観賞時期です。烏[木臼]（ナンキンハゼ）の葉は霜降節気後、緑から黄色、赤色になり、古い民居と互いに照り映えて、とても綺麗です。絶対に見逃せない撮影スポットです。</p>
|
|
|
<p class="pricebut">
|
|
|
<a href="/tours/hangzhou/jp-sh033/"><img src="image/pricedetails.jpg"></a>
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="tourinfo"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><div class="tourinfotit"></code></li>
|
|
|
<li class="L1"> <span> </span><code class="tag" style="color:#039;"><p class="tourname"></code>
|
|
|
<code><a href="/"></code>秋に宏村へ紅葉観賞<code></a></code></li>
|
|
|
<li><span> </span><code class="tag" style="color:#039;"><span class="tourprice"></code>2898元/人より</code><code class="tag" style="color:#039;"></span></code></li>
|
|
|
<li><span> </span><code class="tag" style="color:#039;"></p></code></li>
|
|
|
|
|
|
<li class="L1"> <span> </span><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li class="L1"></li>
|
|
|
|
|
|
<li><code class="tag" style="color:#039;"><div class="tourimg"></code></li>
|
|
|
<li><code><a href="/"></code><code><img width="250px" height="130px" src="image/tachuan.jpg" alt="塔川の紅葉"></code><code></a></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><div class="tourtxt"></code></li>
|
|
|
<li><code><h3></code>黄山・屯渓・宏村（4日間）<code></h3></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><p></code>毎年11月は塔川紅葉のベスト観賞時期です。烏[木臼]（ナンキンハゼ）の葉は霜降節気後、緑から黄色、赤色になり、古い民居と互いに照り映えて、とても綺麗です。絶対に見逃せない撮影スポットです。<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><p class="pricebut"></code></li>
|
|
|
<li><code><a href="/"></code><code><img src="/pic/pricedetails.jpg"></code><code></a></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><div class="clear"></code><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h2>Tours-info 2</h2>
|
|
|
<div class="tours-info">
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="tourinfo2">
|
|
|
<h2>秋に宏村へ紅葉観賞</h2>
|
|
|
<div class="tourimg2">
|
|
|
<a href="/"><img width="250px" height="130px" src="image/tachuan.jpg" alt="塔川の紅葉"></a>
|
|
|
</div>
|
|
|
<div class="tourtxt2">
|
|
|
<h3>黄山・屯渓・宏村（4日間）</h3>
|
|
|
<div class="price"><span>价格： <strong class="redprice">2898元/人より</strong></span></div>
|
|
|
<p>毎年11月は塔川紅葉のベスト観賞時期です。烏[木臼]（ナンキンハゼ）の葉は霜降節気後、緑から黄色、赤色になり、古い民居と互いに照り映えて、とても綺麗です。絶対に見逃せない撮影スポットです。</p>
|
|
|
<p class="pricebut2">
|
|
|
<a href="/tours/hangzhou/jp-sh033/"><img src="image/pricedetails.jpg"></a>
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="tourinfo2"></code></li>
|
|
|
<li class="L1"> <span> </span><code class="tag" style="color:#039;"><h2></code>秋に宏村へ紅葉観賞<code class="tag" style="color:#039;"></h2></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><div class="tourimg2"></code></li>
|
|
|
<li><code><a href="/"></code><code><img width="250px" height="130px" src="image/tachuan.jpg" alt="塔川の紅葉"></code><code></a></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><div class="tourtxt2"></code></li>
|
|
|
<li><code><h3></code>黄山・屯渓・宏村（4日間）<code></h3></code></li>
|
|
|
|
|
|
<li><code class="tag" style="color:#039;"><div class="price"></code><code><span></code>价格： <code class="tag" style="color:#039;"><strong class="redprice"></code>2898元/人より
|
|
|
<code class="tag" style="color:#039;"></strong></code><code></span></code><code class="tag" style="color:#039;"></div></code></li>
|
|
|
|
|
|
<li><code class="tag" style="color:#039;"><p></code>毎年11月は塔川紅葉のベスト観賞時期です。烏[木臼]（ナンキンハゼ）の葉は霜降節気後、緑から黄色、赤色になり、古い民居と互いに照り映えて、とても綺麗です。絶対に見逃せない撮影スポットです。<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><p class="pricebut2"></code></li>
|
|
|
<li><code><a href="/"></code><code><img src="/pic/pricedetails.jpg"></code><code></a></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li><code class="tag" style="color:#039;"><div class="clear"></code><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li><code class="tag" style="color:#039;"></div></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="with-border"></a>
|
|
|
<h2>带边框的文章</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="box-760">
|
|
|
<img src="image/tibet.jpg" alt="tibet" />
|
|
|
<p><strong>Pékin,</strong> la capitale de la Chine, une ancienne ville historique brille à nouveau et devient une ville moderne qui fournit les équipements modernes et confortables et il vous offre un image de la nouvelle Chine.</p>
|
|
|
<p>Pékin est intournable pour tous les visiteurs qui veulent voyager en Chine. Comme l'une des anciennes grandes capitales mondiales, elle abrite de beaux vestiges de l’ancienne Chine. Nous vous proposons de différents circuit à Pékin. Suivez le lien pour jeter un coup d’oeil sur les voyages organisés les plus populaires.la capitale de la Chine, une ancienne ville historique brille à nouveau et devient une ville moderne qui fournit les équipements modernes et confortables et il vous offre un image de la nouvelle Chine. Pékin est intournable pour tous les visiteurs qui veulent voyager en Chine. Comme l'une des anciennes grandes capitales mondiales, elle abrite de beaux vestiges de l’ancienne Chine. Nous vous proposons de différents circuit à Pékin. Suivez le lien pour jeter un coup d’oeil sur les voyages organisés les plus populaires. </p>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li>默认图片靠左：</li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="box-760"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img src="image/tibet.jpg" alt="tibet"/></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><p></code>txt content<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li>图片靠右的类添加：</li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="box-760"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img class="floatright" src="image/tibet.jpg" alt="tibet"/></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><p></code>txt content<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></div></code></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="top-todo"></a>
|
|
|
<h2>Top things to do</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="top-todo">
|
|
|
<p class="titleCenter">HuTong</p>
|
|
|
<img class="normal" src="image/top-todo-titlebg.png"/>
|
|
|
<a href="/"><img class="normal-pic" src="image/hutong.jpg" alt="hutong"/></a>
|
|
|
<p class="infoCenter"><a href="/">La voie sud des « Gong et des Tambours » se classe parmi les plus anciennes rues de Pékin. Sa popularité a grandi avec la venue des touristes et de...</a></p>
|
|
|
<ul>
|
|
|
<li><a href="/">La voie sud des « Gong et des Tambours »des « Gong et des Tambours »</a></li>
|
|
|
<li><a href="/">La voie sud des « Gong et des Tambours »</a></li>
|
|
|
</ul>
|
|
|
</div><div style="clear:both;"></div>
|
|
|
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="top-todo"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><p class="titleCenter"></code>Hutong<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img class="normal" src="/information-view/information/image/top-todo-titlebg.png"/></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code><a href="/"></code><code class="tag" style="color:#039;"><img class="normal-pic" src="image/hutong.jpg" alt="hutong"/></code><code></a></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><p class="infoCenter"></code><code><a href="/"></code> La voie sud des « Gong et des Tambours » se classe parmi les plus anciennes rues de Pékin. Sa popularité a grandi avec la venue des touristes et de... <code></a></code><code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ul></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> La voie sud des « Gong et des Tambours » <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> La voie sud des « Gong et des Tambours » <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></ul></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></div></code></li>
|
|
|
<p></p>
|
|
|
|
|
|
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="top-todo"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><p class="titleCenter"></code>Hutong<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img class="normal" src="/information-view/information/image/top-todo-titlebg.png"/></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img class="normal-pic" src="image/hutong.jpg" alt="hutong"/></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><p class="infoCenter"></code> La voie sud des « Gong et des Tambours » se classe parmi les plus anciennes rues de Pékin. Sa popularité a grandi avec la venue des touristes et de... <code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ul></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> La voie sud des « Gong et des Tambours » <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> La voie sud des « Gong et des Tambours » <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></ul></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></div></code>
|
|
|
<code><div style="clear:both;"></code><code></div></code></li>
|
|
|
</li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="top-todo"></a>
|
|
|
<h2>Top things to do样式2</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<div class="top-todostyle2">
|
|
|
<h2 class="bg-gray">1. Visit Ruins of St. Paul Cathedra</h2>
|
|
|
<div class="pictureleft"><img src="image/tibet.jpg" alt="tibet" /></div>
|
|
|
<div class="txtright">
|
|
|
<p>St. Paul Cathedral is the greatest church in Macau combined with the architectural styles of Europe and the East, but it was burned down in 1835, only leaving its large and beautiful fa?ade and the front stairway. </p>
|
|
|
<ul>
|
|
|
<li><a href="/">Macau Shopping</a></li>
|
|
|
<li><a href="/">Macau Shopping</a></li>
|
|
|
<li><a href="/">Macau Shopping</a></li>
|
|
|
<li><a href="/">Macau Shopping</a></li>
|
|
|
<li><a href="/">Macau Shopping</a></li>
|
|
|
</ul>
|
|
|
</div><div class="clear"></div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><div class="top-todostyle2"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><h2 class="bg-gray"></code><span class="bg-gray">1. Visit Ruins of St. Paul Cathedra</span><code class="tag" style="color:#039;"></h2></code></li>
|
|
|
<li class="L1"> <span> </span><span><code class="tag" style="color:#039;"><div class="pictureleft"></code><code class="tag" style="color:#039;"><img src="image/tibet.jpg" alt="tibet" /></code>
|
|
|
<code class="tag" style="color:#039;"></div></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><div class="txtright"></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><p></code>St. Paul Cathedral is the greatest church in Macau combined with the architectural styles of Europe and the East, but it was burned down in 1835, only leaving its large and beautiful fa?ade and the front stairway.<code class="tag" style="color:#039;"></p></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><ul></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> Macau Shopping <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> Macau Shopping <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> Macau Shopping <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> Macau Shopping <code></a></code><code class="tag" style="color:#039;"></li></code></li><li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><li></code><code><a href="/"></code> Macau Shopping <code></a></code><code class="tag" style="color:#039;"></li></code></li>
|
|
|
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></ul></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></div></code><code><div style="clear:both;"></code><code></div></code></li>
|
|
|
<p></p>
|
|
|
|
|
|
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></div></code></li>
|
|
|
</li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<a name="weather"></a>
|
|
|
<h2>Weather Form</h2>
|
|
|
<div class="block">
|
|
|
<div class="h-example">
|
|
|
<p class="grap"><strong>example</strong></p>
|
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="averageWeather roundCorner">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<th> </th>
|
|
|
<th class="month jan">Jan</th>
|
|
|
<th class="month feb">Feb</th>
|
|
|
<th class="month mar">Mar</th>
|
|
|
<th class="month apr">Apr</th>
|
|
|
<th class="month may">May</th>
|
|
|
<th class="month jun">Jun</th>
|
|
|
<th class="month jul">Jul</th>
|
|
|
<th class="month aug">Aug</th>
|
|
|
<th class="month sep">Sep</th>
|
|
|
<th class="month oct">Oct</th>
|
|
|
<th class="month nov">Nov</th>
|
|
|
<th class="month dec">Dec</th>
|
|
|
</tr>
|
|
|
<tr class="gray">
|
|
|
<td valign="top"><strong>High (<sup>o</sup>C)</strong></td>
|
|
|
<td>-1</td>
|
|
|
<td>5</td>
|
|
|
<td>14</td>
|
|
|
<td>22</td>
|
|
|
<td>28</td>
|
|
|
<td>32</td>
|
|
|
<td>33</td>
|
|
|
<td>32</td>
|
|
|
<td>27</td>
|
|
|
<td>19</td>
|
|
|
<td>8</td>
|
|
|
<td>-0</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top"><strong>Low (<sup>o</sup>C)</strong></td>
|
|
|
<td>-15</td>
|
|
|
<td>-11</td>
|
|
|
<td>-3</td>
|
|
|
<td>4</td>
|
|
|
<td>10</td>
|
|
|
<td>14</td>
|
|
|
<td>17</td>
|
|
|
<td>15</td>
|
|
|
<td>9</td>
|
|
|
<td>1</td>
|
|
|
<td>-6</td>
|
|
|
<td>-12</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top"><strong> Rain (mm) </strong></td>
|
|
|
<td>2.54</td>
|
|
|
<td>2.54</td>
|
|
|
<td>2.54</td>
|
|
|
<td>3.81</td>
|
|
|
<td>3.81</td>
|
|
|
<td>6.35</td>
|
|
|
<td>10.16</td>
|
|
|
<td>5.08</td>
|
|
|
<td>2.54</td>
|
|
|
<td>2.54</td>
|
|
|
<td>2.54</td>
|
|
|
<td>2.54</td>
|
|
|
</tr>
|
|
|
<tr class="gray">
|
|
|
<td valign="top"><strong>High (<sup>o</sup>F)</strong></td>
|
|
|
<td>30</td>
|
|
|
<td>40</td>
|
|
|
<td>56</td>
|
|
|
<td>70</td>
|
|
|
<td>81</td>
|
|
|
<td>88</td>
|
|
|
<td>91</td>
|
|
|
<td>89</td>
|
|
|
<td>80</td>
|
|
|
<td>66</td>
|
|
|
<td>46</td>
|
|
|
<td>31</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top"><strong>Low (<sup>o</sup>F)</strong></td>
|
|
|
<td>5</td>
|
|
|
<td>12</td>
|
|
|
<td>26</td>
|
|
|
<td>39</td>
|
|
|
<td>49</td>
|
|
|
<td>57</td>
|
|
|
<td>61</td>
|
|
|
<td>58</td>
|
|
|
<td>47</td>
|
|
|
<td>33</td>
|
|
|
<td>21</td>
|
|
|
<td>9</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td valign="top"><strong> Rain (in) </strong></td>
|
|
|
<td>0.1</td>
|
|
|
<td>0.1</td>
|
|
|
<td>0.1</td>
|
|
|
<td>0.15</td>
|
|
|
<td>0.15</td>
|
|
|
<td>0.25</td>
|
|
|
<td>0.4</td>
|
|
|
<td>0.2</td>
|
|
|
<td>0.1</td>
|
|
|
<td>0.1</td>
|
|
|
<td>0.1</td>
|
|
|
<td>0.1</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
<div style="background:#F0f0f0; height:auto; padding:15px;">
|
|
|
<ol class="linenums">
|
|
|
<li class="L0"><code class="tag" style="color:#039;"><table width="100%" cellspacing="0" cellpadding="0" border="0" class="averageWeather roundCorner"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tbody></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><img class="normal-pic" src="image/hutong.jpg" alt="hutong"/></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th></code> <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month jan"></code> Jan <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month feb"></code> Feb <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month mar"></code> Mar <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month apr"></code> Apr <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month may"></code> May <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month jun"></code> Jun <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month jul"></code> Jul <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month aug"></code> Aug <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month sep"></code> Sep <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month oct"></code> Oct <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month nov"></code> Nov <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L1"><span> </span><code class="tag" style="color:#039;"><th class="month dec"></code> Dec <code class="tag" style="color:#039;"></th></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr class="gray"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td valign="top"></code><code class="tag" style="color:#039;"><strong></code> High (<sup>o</sup>C) <code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -15<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -11 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -3 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 4 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 10 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 14 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 17 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 15 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 9 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 1 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -6 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -12 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td valign="top"></code><code class="tag" style="color:#039;"><strong></code> Low (<sup>o</sup>C) <code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -1 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 5 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 14 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 22 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 28 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 32 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 33 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 32 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 27 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 19 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 8 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> -0 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td valign="top"></code><code class="tag" style="color:#039;"><strong></code> Rain (mm) <code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 3.81 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 3.81 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 6.35 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 10.16 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 5.08 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 2.54<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr class="gray"></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td valign="top"></code><code class="tag" style="color:#039;"><strong></code> High (<sup>o</sup>F) <code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 30<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 40 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 56 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 70 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 81 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 88 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 91 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 89 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 80 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 66 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 46 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 31 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td valign="top"></code><code class="tag" style="color:#039;"><strong></code> Low (<sup>o</sup>F) <code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 5 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 12 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 26 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 39 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 49 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 57 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 61 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 58 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 47 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 33 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 21<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 9 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><tr></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td valign="top"></code><code class="tag" style="color:#039;"><strong></code> Rain (in) <code class="tag" style="color:#039;"></strong></code><code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.15<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.15 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.25 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.4 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.2<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1 <code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"> <span> </span> <span><code class="tag" style="color:#039;"><td></code> 0.1<code class="tag" style="color:#039;"></td></code></li>
|
|
|
<li class="L1"><code class="tag" style="color:#039;"></tr></code></li>
|
|
|
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></tbody></code></li>
|
|
|
<li class="L0"><code class="tag" style="color:#039;"></table></code></li></li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div><div style="clear:both;"></div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|