html、css サイト構築 記事一覧

タブの横にいるあれを作る

更新日:

あの、タブとかで開くとタイトルの横にいるあれあるじゃないですか。
スクリーンショット 2014-02-18 12.11.28
この画像だかなんだかわからないやつ。

あれを自分のホームページで設定したかったんだけど、なんて検索したらいいのかわからない。

「html 一番上 画像」
「html 画像 head」
「アイコン html head」
「ヘッダ タイトル 画像」

色々やったけど出てこない!!!!
苦労すること数分、やっと見つけました。

【アドレスバーに表示されるサイト固有のアイコン】

奴の名前は「favorite.icon」、略してファビコンというらしい。
わかるかい!!!!!!!!そして「.ico」形式ってなんだよ!!!

調べたらここのサイトで画像からicon形式のファイルが作れるらしいので一安心。
画像→アイコン変換ツール

というわけで早速試す。

スクリーンショット 2014-02-18 12.25.59

適当に作ってさっきのサイトにアップロード

スクリーンショット 2014-02-18 12.26.58

作成をクリックすると、.icoの拡張子がダウンロードされる。

あとはアイコンをアップロードしてheaderの中に
[html]
<link rel="shortcut icon" href="リンク先" />
[/html]
と記述するだけ!

すると、
スクリーンショット 2014-02-18 12.32.52

スクリーンショット 2014-02-18 12.42.36

こうなった!
やっと出来た…まだまだわからないことだらけや…

「面白いじゃん」と思ったらぜひシェアをお願いします!

-html、css, サイト構築, 記事一覧

Copyright© ちゃいら随筆 , 2019 All Rights Reserved Powered by STINGER.