HobNote
HTML記述覚え書き
since 2008.08.16
last update 2016.08.21



Contents



色の名称

HTMLを書くときに、これだけ書いとけば使うときに困らないだろうの色名称



フォントタグ

項目 フォーマット
下付き <sub>文字</sub> 文字1文字2
上付き <sup>文字</sup> 文字1文字2
太字 <b>太字</b> 普通 太字
強調 <strong>強調</strong> 普通 強調
斜体 <i>斜体</i> 普通 斜体
強調斜体 <em>強調斜体</em> 普通 強調斜体
下線 <u>下線</u> 普通 下線
削除線 <s>削除線</s> 普通 削除
点滅文字 <blink>点滅</blink> 普通 点滅

スクロール(左)
<marquee>(左)</marquee>
(左)

スクロール(右)
<marquee direction="right">(右)</marquee>
(右)

スクロール(背景色指定)
<marquee bgcolor="cyan">(背景色指定)</marquee>
(背景色指定)

スクロール(左、幅指定)
<marquee width="100">(左)</marquee>
(100)

スクロール(速度調整)
<marquee scrollamount="20">(速度調整)</marquee>
(10)
(20)
(30)

スクロール(オンマウスで停止)
<marquee onmouseover=this.stop() onmouseout=this.start()>(オンマウスで停止)</marquee>
(オンマウスで停止)

スクロール(上->下)
<marquee direction="down" height="60">スクロール(上->下)</marquee>
(上->下)

スクロール(下->上)
<marquee direction="up" height="120">スクロール(下->上)</marquee>
(下->上)

スクロール(上下交互)
<marquee behavior="alternate" direction="up" height="100">スクロール(上下交互)</marquee>
(上下交互)



特殊文字(HTMLエンティティ)

HTML書いていると&や<、>が使いたいときがある。
また、この特殊文字でホームページ上に記載しているメールアドレスを書くと
完全ではないがスパムメールの対策の1つになる。

で、以下よく使いそうな特殊文字
以下、HTMLエンティティで表記できるアルファベット等



(favicon.ico)ブックマークのアイコンの作り方

WebPageをブックマークに登録したら、ブックマーク一覧でタイトルの横にアイコンが表示されるPageがある
これは、iconファイルをHTMLに埋め込めができる。
(IEでいうところの"お気に入り")

GIMPを使ったときの作り方は、簡単で

1)16×16で新規作成し画像を好みにデザインする。

2)画像の保存時に[ファイルタイプの選択(拡張子で判別)]を開き
Microsoft Windows アイコン    ico
を選択してファイル名をfavicon.icoで保存

3)このfavicon.icoをブックマークでアイコンを表示したいHTMLのpathの通るところにupする

4)htmlファイルの<html>〜</html>の間に
を記述する。
この例は、favicon.icoファイルをhtmlファイルと同じところに置いた場合。