■ WSJ21[GHP]
- XHTMLタグ講座で覚えよう
■Section 2-4■良いホームページ作成講座■
▼GHP講座2.4 − XHTMLタグを覚える
◎ 基本的なホームページを作るために最低限必要な知識(言語)
◎ ホームページを作るために覚えなくてはいけないんです。
◎ 頑張って覚えて下さいね＜他人事＞初めは見ながらでいいですからっ♪
◎ 簡単な英語ができるなら、かなり楽に覚えられますよ。
.
◇◆◇このページで、解説するタグ一覧◇◆◇
big small ins del u s strike sup sub dfn tt bar code kbd samp pre
※スタイルシートを使用している都合上、文字のサイズなど実際の表示と多少異なります。
★文字を大きく - <big> - Big
★文字を小さく - <small> - Small
文字を少し大きく、または少し小さくしたい時に使います。
小説などで結構便利な使い方ができます。
<big>big要素で大きくする</big>
<br />普通の大きさ文字
<br /><samll>small要素で小さくする</samll>
↓ 文字を大きくしたり、小さくしたりできます ↓
big要素で大きくする
普通の大きさ文字
small要素で小さくする
私が彼にある話をすると突然、<big><strong>「それは一大事だ！」</strong></big>と言い、私を残したまま一目散にこの場を去って行った。残された私は彼に対し<small>「あほみたい...」</small>とポツリと呟いて、笑顔のまま帰路へついた。
↓ strongタグと併用すると便利かな ↓
私が彼にある話をすると突然、「それは一大事だ！」と言い、私を残したまま一目散にこの場を去って行った。残された私は彼に対し「あほみたい...」とポツリと呟いて、笑顔のまま帰路へついた。
★挿入・下線 - <ins> - Insert
★削除・打消 - <del> - Delete
☆下線 - <u> - Underline - 非推奨
☆打消 - <s> - Strike - 非推奨
☆打消 - <strike> - Strike - 非推奨
追加事項や、修正事項を書くために使います。
下線には<u>、打消には<s><strike>がありますが、これらは非推奨タグです。
(修正前)１月５日に飲食屋で集まる約束をしました。<br />
(修正後)１月５日の<ins>１８時</ins>に<del>飲食屋</del>駅前で集まる約束をしました。
↓ このような使い方をします ↓
(修正前)１月５日に飲食屋で集まる約束をしました。
(修正後)１月５日の１８時に飲食屋駅前で集まる約束をしました。
★上付文字 - <sup> - Superscript
★下付文字 - <sub> - Subscript
仕事では結構、上付文字や下付文字を使うんですよ。
平方メートルの「m<sup>2</sup>」は標準の文字にあります。
しかし、立方メートルの「m<sup>3</sup>」は残念ながらありません。
↓ 上付文字のサンプルです。累乗計算などにも使えます ↓
平方メートルの「m2」は標準の文字にあります。
しかし、立方メートルの「m3」は残念ながらありません。
水素と酸素の化学反応式は「2H<sub>2</sub>+O<sub>2</sub>=2H<sub>2</sub>O」です。
↓ 化学関連ページには必須タグかな？ ↓
水素と酸素の化学反応式は「2H2+O2=2H2O」です。
★用語定義 - <dfn> - Definition
用語を解説する場合に使います。
<dfn>ホームページ</dfn>とはインターネットのWWWサーバーに接続して最初に見える画面。個人や企業・団体が情報の発信を行う。WWWサーバーが提供する画面の総称として使われることもある。
↓ 使ってるところ何て見たことがありません(笑) ↓
ホームページとはインターネットのWWWサーバーに接続して最初に見える画面。個人や企業・団体が情報の発信を行う。WWWサーバーが提供する画面の総称として使われることもある。
☆等幅文字 - <tt> - ??? - 非推奨
☆変数 - <bar> - ??? - 非推奨
★プログラムのコード - <code> - Code
★キーボード入力文字 - <kbd> - Keyboard
★プログラム出力文字 - <samp> - ???
主に、等幅文字にする目的で使っています。
実際のところ、区別なんてされて使われているのでしょうか？
私は<code>を等幅文字目的で使ってますが･･･
<code>code</code>, <kbd>kbd</kbd>, <samp>samp</samp>
↓ 表示は一緒ですね ↓
code, kbd, samp
★整形表示 - <pre> - ???
整形した文章をそのまま表示します。
等幅文字になるので表などを扱えます。
ブラウザによる自動改行がされませんので注意が必要です。
<pre>
5000 123.5
+ 7345 + 456.2
------- -------
12345 579.7
</pre>
↓ 表示の関係上、前後の空白は適当に空けて下さい ↓
5000 123.5
+ 7345 + 456.2
------- -------
12345 579.7
★･･･予告･･･
◇◆◇前頁の講座で解説したタグ◇◆◇
br hr h1 h2 h3 h4 h5 h6 p em strong i b blockquote q cite
◇◆◇今頁の講座で解説したタグ◇◆◇
big small ins del u s strike sup sub dfn tt bar code kbd samp pre
◇◆◇次頁の講座で解説するタグ◇◆◇
img a
◇◆◇表示例◇◆◇
いままでの物を打ち込めばこのようになります。
◎
サンプル４