フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

リンク

リンクを挿入するには?

下記のように記載する

html
<a href="〜〜.com">サイト名表記</a>

クラス指定

・クラス指定可能
・hrefのすぐ後ろにclass=”クラス名”を記入してあげる

html
<a href="〜〜.com" class="クラス名">サイト名表記</a>

target指定

・targetを設定してあげないとリンク先のページを開くことができない
・主に使われるのは下記2種類である

コード 内容
_brank   新しいウィンドウを増やしてページを閲覧する
new ウィンドウを増やし続けることなく一つ増やしたウィンドウで新しいページを開く

ページの途中へのリンク

・IDにしか飛べない
・リンク先のHTMLに記入が必要

html
<h1 id="ID名">リンク先</h1>

・リンク元のHTMLには以下のように記載
・#allが以下に相当する

html
<a href="#ID名">リンク先</a>

デフォルトでつく下の線を消したい場合

css
a {text-decoration: none;}

※none…無しにする

ホールドの色変え

css
a:hover{color:指定したい色;}

※color…色

[紹介元] CSSタグが付けられた新着記事 – Qiita リンク

コメント

記事に戻る

コメントを残す