たまに使うリンクの作り方

たまに使うリンクの作り方のメモです。
グローバルメニューの一部分にも使っています。
(ブログタイトル下の「TOP」などのメニュー)

グローバルメニューの一部分に使っているもの

グローバルメニューの一部分に使っているものです。
これにいろいろとつけたしてグローバルメニューにしています。
現在のグローバルメニューはブログテーマのデザインを使わせてもらっています。(PC)

<ul>
  <li><a href="">テキスト</a></li>    
  <li><a href="">テキスト</a></li> 
  <li><a href="">テキスト</a></li> 
  <li><a href="">テキスト</a></li>
</ul>

「""」の間にリンク先のURL、「テキスト」の部分にリンク先名を記入しています。
「テキスト」の部分にTOPと記入した例です。リンク先URLは未記入です。

<div class=""> 
 <ul>
   <li><a href="">TOP</a></li>    
   <li><a href="">テキスト</a></li> 
   <li><a href="">テキスト</a></li> 
   <li><a href="">テキスト</a></li>
 </ul>
</div> 

上記の記載の場合、このように表示されます。

カテゴリ分けされたリンクのリストの作り方

カテゴリ分けしたものです。たまに使っています。

<ul>
  <li><a href="">カテゴリ1</a></li>
  <ul>
  <li><a href="">テキスト</a></li>    
  <li><a href="">テキスト</a></li> 
  <li><a href="">テキスト</a></li> 
</ul>
  <li><a href="">カテゴリ2</a></li> 
<ul>
  <li><a href="">テキスト</a></li>    
  <li><a href="">テキスト</a></li> 
  <li><a href="">テキスト</a></li> 
</ul>
  <li><a href="">カテゴリ3</a></li><ul>
  <li><a href="">テキスト</a></li>    
  <li><a href="">テキスト</a></li> 
  <li><a href="">テキスト</a></li> 
</ul>
</ul>

まとめ

たまに使うリンクの作り方のメモを書いてみました。
グローバルメニューの一部分にも使っています。