ブログで使えるHTMLタグ

ブログといえども、
記事の記入欄はHTML言語に従っている。
(そうでないものもあるが。SNS内の記事など)

HTML言語はインターネットブラウザに表示形式の命令をする。
だから、自分でウェブページを作る場合はHTML言語を知る必要がある。

幸いなことに、
ブログではその言語を一切知らなくても記事がかけてしまう。

でも、使えないわけではないHTML言語のタグを知らないでいるのは少し勿体無い気がする。

ということで、
今回はその一部をメモすることにする。

使いたいモノがあれば、そのタグと呼ばれる<>〜</>でくくられたものをコピーして、
〜の部分に入れたい文字を入れる。
(ただし、全てのブラウザにそのタグによる表示の変化が現れるとは限らない。)

-------------------------------------------------
文字の色や大きさ、書体は自由に書き換えてください。
(下の文字で何も変化が現れていない場合は、非対応のブラウザです。)

[上付き文字]
付文字
上<SUP>付文字</SUP>

[下付き文字]
付文字
下<SUB>付文字</SUB>

[大きい行書体]
大きい行書体
<span style="font-size:20pt; font-family:'HG行書体'">大きい行書体</span>

[発光]
発光
<DIV STYLE="width:100%;font-size:10pt;color:#FFFFFF; filter: Glow(color=aqua)">発光</DIV>

[影文字](前後の行は空行にしないと、影が潰れてしまう)

影文字
 
<DIV STYLE="width:90%;font-size:14pt;color:orangered; filter:shadow(color=black,direction=135)">
影文字
 </DIV>

[ルビ]
漢字(かんじ)
<RUBY>漢字<RP>(</RP><RT><span style="font-size:5pt;">かんじ</span></RT><RP>)</RUBY>

[縦書き]

今日は 
晴天なり

<table align=center>
<DIV STYLE="writing-mode:tb-rl">今日は <BR>晴天なり</DIV>
</table>

--------------------
その他はこちら↓
http://mid-blue.hp.infoseek.co.jp/newpage2.htm

道具箱 | comments (0) | trackbacks (0) | edit | page top↑
池袋、六本木、皇居、浅草 | top | 虫の音初め

comments

post a comment

管理者にだけ表示を許可する

Trackbacks

この記事のトラックバックURL:
http://stellarlife.blog108.fc2.com/tb.php/188-26d67b1f
この記事にトラックバックする(FC2ブログユーザー)
  1. 無料アクセス解析