種を捨てないで植えてみるブログ

本ページは広告が含まれています

【無料】はてなブログ 作り方【HTML CSS】いろんなリンクタグ a タグ

公開日 2020/11/26
更新日 2020/11/27



リンクタグを勉強。
言葉をクリックすると 読みと意味に 飛ぶようにしてみました。



目次



↓↓ まとめページはこちら ↓↓

wasurenai0.hatenablog.com


【無料】はてなブログ 作り方【HTML】いろんなリンクタグ a タグ

いろんなリンク

同じ画面や タブで 開く方法


【HTML】
<a href="https://wasurenai0.hatenablog.com/" >「me日々のメモmo」のトップページ</a>


【表示】
「me日々のメモmo」のトップページ



新しい画面や タブで 開く方法


【HTML】
<a href="https://wasurenai0.hatenablog.com/" target="_blank" rel="noopener">「me日々のメモmo」のトップページ</a>

  • targetの前に半角スペースが必要
  • relの前に半角スペースが必要


【表示】
「me日々のメモmo」のトップページ



画像で リンク方法


【HTML】
<a href="https://wasurenai0.hatenablog.com/"> src="https://cdn-ak.f.st-hatena.com/images/fotolife/w/wasurenai0/20201107/20201107121439.jpg" alt="「me日々のメモmo」のトップページ"></a>


【表示】
「me日々のメモmo」のトップページ



「家の 山茶花(さざんか)を撮っていたら たまたまミツバチが 蜜を吸っていました」



ページ内リンク


先に
飛ばしたい場所に id をつけておく
<p id="目次">目次</p>


次に
idを指定して リンクを貼る
【HTML】
<a href="#目次">目次に 戻る</a>


【表示】
目次に 戻る


リンクの下線を消す


【CSS】
a {
text-decoration:none;
}


リンクの色を変える


【CSS】
a {
color: black;
}


カーソルをのせたとき リンクの色を変える


【CSS】
a:hover {
color: blue;
}


特定のリンクのデザインのみ変える

aタグにclass(id)名をつける


【CSS】
.noline {
text-decoration:none;
color: black;
}

.noline:hover{
text-decoration:none;
color:blue;
}


【HTML】

<a class="noline" href="https://wasurenai0.hatenablog.com/">「me日々のメモmo」のトップページ</a>


【表示】
「me日々のメモmo」のトップページ



*はてなブログの パソコン画面では 下線が表示されてしまう!!


ページ内リンクを使って 問題から答えに 飛ばす

クリックすると 読み方と意味に 飛ぶ


【HTML】
<p id="笑止千万1"><a href="#笑止千万">笑止千万</a></p>



【表示】

笑止千万



飛んだ先から戻らせる


【HTML】
<p id="笑止千万"><a href="#笑止千万1">笑止千万(しょうしせんばん)<br>非常にばかばかしいこと、おかしいこと。<br>戻る</a> </p>


【表示】

笑止千万(しょうしせんばん)
非常にばかばかしいこと、おかしいこと。
戻る



四字熟語

因果応報

風林火山

四面楚歌

諸行無常

一期一会

切磋琢磨

温故知新

臥薪嘗胆

一蓮托生



ことわざ

クリックすると 読み方と意味に 飛ぶ

濡れ手で粟

清濁併せ呑む

漁夫之利

月に叢雲、花に風

貧すれば鈍する

立つ鳥跡を濁さず

好きこそ物の上手なれ

人間万事塞翁が馬

青天の霹靂

和を以て貴しとなす



慣用句

クリックすると 読み方と意味に 飛ぶ

尾ひれをつける

打てばひびく

腕に覚えがある

煙幕を張る

押しも押されもせぬ

お鉢が回る

角がとれる

機が熟する

くちばしが黄色い

口火をきる



故事成句(故事成語)

クリックすると 読み方と意味に 飛ぶ

羮にこりてなますを吹く

雨だれ石を穿つ

石に漱ぎ流れに枕す

一将功なりて万骨枯る

烏合の衆

燕雀安くんぞ鴻鵠の志を知らんや

隗より始めよ

牛耳を執る

背水の陣

覆水盆に返らず


目次に 戻る