リンク

リンクリスト(縦並び)

サンプルソース

<ul class="link-list1">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.link-list1 --></ul>

リンクリスト(横並び)

サンプルソース

<ul class="link-list2">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.link-list2 --></ul>

ページ内リンク

サンプルソース

<ul class="link-list-toc">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.link-list-toc --></ul>

関連情報/オススメ情報など

サンプルソース

<div id="sampleID" class="hoge sampleClass"><!-- 関連情報/オススメ情報などにあたるID/classを、hogeはサイト内の汎用的なclass名(section-lv2など) -->
<h2>関連情報/オススメ情報など</h2><!-- h3,h4など見出しレベルが変わる場合は適宜 -->
<ul class="remote-nav">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.remote-nav --></ul>
<!-- /#sampleID.hoge.sampleClass --></div>

外部リンク

サンプルソース

<a href="sample.html" class="external">リンクテキスト</a>

PDFリンク

サンプルソース

<a href="sample.html" class="pdf">リンクテキスト</a>

wordリンク

サンプルソース

<a href="sample.html" class="doc">リンクテキスト</a>

excelリンク

サンプルソース

<a href="sample.html" class="xls">リンクテキスト</a>

power pointリンク

サンプルソース

<a href="sample.html" class="ppt">リンクテキスト</a>

gifリンク

サンプルソース

<a href="sample.html" class="gif">リンクテキスト</a>

jpgリンク

サンプルソース

<a href="sample.html" class="jpg">リンクテキスト</a>

pngリンク

サンプルソース

<a href="sample.html" class="png">リンクテキスト</a>