html_for_google_site

<div style="line-height:1.3em">

<h2>ブログのhtmlひな形</h2>

入れ子になるが、このサイトの<code style="margin: 0px; background: #f5f5f5; line-height: 1.2em; color: #696969; font-size: 1.05em;"">html</code>。

<pre style="margin:20px;padding:15px;background:#f5f5f5;line-height:1.2em"><code style="margin: 0px; background: #f5f5f5; line-height: 1.2em; color: #696969; font-size: 1.05em;"">
</code></pre>

<h2>このサイトの設定について</h2>
全体を<code style="margin: 0px; background: #f5f5f5; line-height: 1.2em; color: #696969; font-size: 1.05em;"">div</code>で囲み、各タグを以下のように設定。行間が空く。コードが見やすい、等。
<pre style="margin:20px;padding:15px;background:#f5f5f5;line-height:1.2em"><code style="margin: 0px; background: #f5f5f5; line-height: 1.2em; color: #696969; font-size: 1.05em;"">div style="line-height: 1.3em;"
blockquote, style="border-left: 5px solid #ddd;padding: 0px 20px;color: #777; line-height: 1.2em;"
pre, style="margin: 20px; padding: 15px;background: #f5f5f5; line-height: 1.2em;"
code style="margin: 0px; background: #f5f5f5; line-height: 1.2em; color: #696969; font-size: 1.05em;"
</code></pre>

</div>