ホームページ作成の基礎 (タグと事例)

1. 文字を書いてみる。「ocean」を書く。
2. 文字を大きくする。
3. 文字の色を赤くする。
4. ゴシック体にする。
5. 下に一行あける。

6. イタリック体(斜字)にする。
7. 下線をひく。
文字の大きさ
* 標準の大きさ:海洋文字は面白い
* 少し大文字:海洋文字は面白い
* 少し小文字:海洋文字は面白い
* 行書体:KKK海洋文字は面白い
* Make a letter bigger: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

* Make a letter smaller: gggggggggggggggggggggggggggggggggggggggggggggggggg


文字の色
海洋文字は面白い
海洋文字は面白い
海洋文字は面白い


* 下線を引く: 海洋文字は面白い
* 取り消し線: 海洋文字は面白い
* 同 上: 海洋文字は面白い


等幅フォントで表示するには
KKK海洋文字は面白い: MS UI Gothic, MSゴシック, 平成角ゴシック体


文字
x2+y2=1
K1
CO2
H2O

CO2
H2O

z2
K1
S2-bunchou S2分潮(ぶんちょう): S2 component, S2 constituent.

BBBBBBBBBBBBBBBBBBBBBBBBBBBB(bの文字列がブリンク=チカチカする)

文字列に振り仮名をつける →
中内清文(なかうちきよふみ)
帆 桁(ほげた)


特殊文字
1 ©2006 ABC Inc. All Rights Reserved.
2 ©Nakauchi. All Rights Reserved.

3 Microsoft®
4 Microsoft®

5 Microsoft
6 Microsoft

7 "Microsoft"
8 & ======---- &
9 <Microsoft>
10 <Microsoft>
11 (1) (2) (3)<中内清文microsoft> (4)
12 &infinl; ?????????? Microsoft - ∞



1


2
3
4
5
6
7
8
9
10
11
12
13
14
15




総 会
項 目概 要備 考
構 成鈴木辰男海文堂
権限鈴木海堂
機関鈴木海堂
その他鈴木辰男海文堂

理事会
項 目概 要備 考
構成、手続き鈴木辰男海文堂
権限及び任務鈴木辰男海文堂
理事会の機関経済社会委員会
鈴木辰男鈴木辰男kkkkkkkkkkkkkkkkkkkkkk
法律・技術委員会
ppppppppppppppppppppppppppppppppppppppppp
海文堂
その他鈴木辰男海文堂




リストの事例
1 番号なしリストタグ

  • ********************************************
    +++++++++++++++++++++++++++++
  • ************************** ???????????????????????????????????????????????

2 番号なしリストタグ

    ********************************************
    **************************

番号なしリストタグ

    1. ********************************************
    ggggggggggggggggggggg
    2. **************************

*******************************

***************************

******************************************************

***********


  1. @@@@@
  2. @@@@@
  3. @@@@@@
    • gggggggggggggggggggggggg
      ggggggggggggggggggggggg
    • KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK
      • @@@@@@@@@@@@@@@@@@@@@@@@
      • @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  4. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

リンクの仕方
このリンクはドキュメントの「最初」に飛びます
........
........


○ 変更履歴の表示: 追加文書に下線が引かれる(異なる書式で記述?)→ 追加文書を明確にできる。

ア首連ドバイのクリークの岸壁に停泊する一艘の小型ダウ。
ダウは小さいながらも明り取り、通気孔をもつ。


● 同 上: 削除文書に線が引かれる(異なる書式で記述?)→ もって削除文書を明確にできる。

ア首連ドバイのクリークの岸壁に停泊する一艘の小型ダウ。
ダウは小さいながらも明り取り、通気孔をもつ。


プログラムのソースコードを示す時: password - XXX-XXX-VVV-X
キーボードから入力する文字: password
出力結果のサンプル: we are good.
プログラムの変数、引数を示す: ID card: number 0896679975


略語・頭字語の説明の表示: 語句説明をポップアップ表示する----うまく行かないね−ブラウザ対応せず?。
EEZ is a word of law of the sea.
EEZ


文字列の表示方向指定
左から右へ: ア首連ドバイのクリークの岸壁に停泊する一艘の小型ダウ
右から左へ: 2本マスト。どこまでも青く澄み切った空にそびえるマスト。


文字列のスクロール
「海洋総合辞典」へのリンクはご自由です。

「海洋総合辞典」への リンクはご自由です。
0=無限にrepeating. loop3=3回スクロール。Scroll speed default="85"



      同上: 削除文書に線が引かれる
ア首連ドバイのクリークの岸壁に停泊する。
青く澄み切った空にそびえるマスト。
ダウは小さいながらも通気孔をもつ。


段落の位置指定

kkkkkkkkkkkkkkkkkkkkkkkkkkkKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK

kkkkkkkkkkkkkkkkkKKKKKKKKKKKKKKKKKKKKKKKKKK

kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm


セクションごとに位置指定: いくつかの段落を含む一まとまりの文章とみなされる

kkkkkkkkkkkkkkkkkkkkkkkkkkk
rrrrrrrddddddddddddddddddd
kkkkkkkkkkkkkkkkk
rrrrrrrddddddddddd
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
rrrrrrrddddddddddddddddddddddddddddddddddddddd


引用文の挿入

1 書物では下記のように記載されている。

mmmmmmmmmmmmmmm
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
ddddddddddddddddddddddddddddddddddddddddddddddddddd
uuuuuuuuuuuuuuuuu
2 タグ「cite」 → kkkkkkkkkkkkk


1. 海洋博物館

    1 kkkkkkk
    2 jjjjjjjjjjjj
    3 yyyyyyyy
2. 海洋博物館
  • kkkkkkk
  • jjjjjjjjjjjj
  • yyyyyyyy
3. 海洋博物館
  • kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk  
  • ggggggggggggggggggggggggggggggggggg
    • jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
    • ppppppppppppppppppppppppp
      • ssssssssssssssssssssssssssssss
      • jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
      • yyyyyyyy
      yyyyyyyyyyyyyyyyyyyyyyyyy
4. 海洋博物館
  • kkkkkkkkkkkkkkkkkkkkkk
  • jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
  • yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
  • ssssssssssssssssssssssssssssssssssssss
  • kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk


番号つきリスト

5 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss
6 海洋博物館
  1. kkkkkkk
    1. jjjjjjjjjjjj
    2. tttttttt
      1. ssssssss
      2. jjjjjjjjjjjj
      3. yyyyyyyy


番号つき=アラビア数字、アルファベット、ローマ数字リスト

1 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss

2 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss

3 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss

4 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss


○ 海洋博物館

  1. kkkkkkk
    1. jjjjjjjjjjjj   
    2. kkkkkk
      1. xxxxxxxxxxxxxxxxxxxxxxxxxxx
      2. ssssssss
        1. jjjjjjjjjjjj
        2. yyyyyyyy


● 博物館

  1. 世界の海洋博物館
    • kkkkkkk
    • jjjjjjjjjjjj
    • yyyyyyyy
    • ssssssss
    • kkkkkkk
  2. 日本の海洋博物館
    • KKKKK   
    • mmmmm  


用語リスト作成

○ マンガン団塊
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

○ コバルトリッチ
ppppppppppppppppppppppppp


1
この画像はニカラグアです。
いつ大阪に行きますか。

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb




例: .........→ #ffccff(ピンク色)
例: "....."とすると背景色は真っ黒blackとなる
text="...." → #0000ff(青色)
解説
text: ページ全体の文字色−ここでは青色
link: リンク部分の文字色(まだ見ていないリンク)−ここではpink
vlink: アクセス後のリンク部分の文字色−ここでは紫色
alink: リンクを選択時の瞬間の色−ここでは黒色
ホームページ作成の基礎(タグと事例)

Back to:Main Home Page > Eng-Jap ocean dictionary >  Photo Gallery > Spanish ocean dictionary 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

ホームページ作成の基礎(タグと事例)
Basics on Home Page Building


いろいろな線の引き方
上のリンクは「最初のここに」飛びます
1


2
3
4
5
6

7


8
9
10

11


12
13
14
15

総会
項目概要備考
構成鈴木辰男海文堂
権限鈴木海堂
機関鈴木海文
その他鈴木辰男海文堂

理事会
項目概要備考
構成、手続き鈴木辰男海文堂
権限及び任務鈴木木辰男海文堂木辰男
理事会の機関経済社会委員会
鈴木辰男鈴木男鈴木辰男kkkkkkkkkkkkkkkkkkkkkk
法律・技術委員会
ppppppppppppppppppppppppppppppppppppppppp
海文堂
その他鈴木辰男海文堂

リストの事例
1 番号なしリストタグ

  • ********************************************
  • **************************KKKKK

2 番号なしリストタグ

    ********************************************
    **************************KKKKK

番号なしリストタグ

    1. ********************************************
    ggggggggggggggggggggg
    ddddddddddddddd
    2. **************************KKKKK

***********

***********

***********


  1. @@@@@
  2. @@@@@
  3. @@@@@@
    • @@@@gggggggggggggggggggggggg
      ggggggggggggggggggggggg
    • @@@@@
      • @@@@@@@@@@@@@@@@@@@@@@@@
        ***********************
      • @@@@@
  4. @@@@@

リンクの仕方
このリンクはドクメントの「最初」に飛びます
........
........


文字の種類
* 標準の大きさ:海洋文字は面白い
* 少し大文字:海洋文字は面白い
* 少し小文字:海洋文字は面白い
* 行書体:KKK海洋文字は面白い
Make a letter bigger: vvvvvvvvvvvvvvvvvv

Make a letter smaller: ggggggggggggggg


文字の色
海洋文字は面白い
海洋文字は面白い
海洋文字は面白い


* 下線を引く:海洋文字は面白い
* 取り消し線:海洋文字は面白い
* 同 上:海洋文字は面白い


等幅フォントで表示するには
KKK海洋文字は面白い:MS UI Gothic,MSゴシック,平成角ゴシック体


文字
x2+y2=1
K1

CO2
H2O

CO2
H2O

z1
z2
K1

S2-bunchouS2分潮(-ぶんちょう): S2 component, S2 constituent.

VVVV

文字列に振り仮名をつける →
中内清文(なかうちきよふみ)
帆 桁(ほげた)


特殊文字
1 ©2006 ABC Inc. All Rights Reserved.
2 ©2006 ABC Inc. All Rights Reserved.

3 Microsoft®
4 Microsoft®

5 Microsoft
6 Microsoft

7 "Microsoft"
8 & ---- &
9 <Microsoft>
10 <Microsoft>
11
12 &infinl; ?? Microsoft - ∞


○ 変更履歴の表示:追加文書に下線が引かれる(異なる書式で記述?)追加文書を明確にできる。

ア首連ドバイのクリークの岸壁に停泊する一艘の小型ダウ。
2本マスト。どこまでも青く澄み切った空にそびえるマスト。
ダウは小さいながらも明り取り、通気孔をもつ。


● 同上:削除文書に線が引かれる(異なる書式で記述?)、もって削除文書を明確にできる。

ア首連ドバイのクリークの岸壁に停泊する一艘の小型ダウ。
2本マスト。どこまでも青く澄み切った空にそびえるマスト。
ダウは小さいながらも明り取り、通気孔をもつ。


プログラムのソースコードを示す時: password - MMMMMVVV
キーボードから入力する文字: password
出力結果のサンプル: 2本マスト。どこまでも青く澄み切った空にそびえるマスト。
プログラムの変数、引数を示す(通例しゃたいで表示される): ID card: number 089667 ダウは小さい。


略語・頭字語の説明の表示: 語句説明をポップアップ表示する----うまく行かないね−ブラウザ対応せず?。
EEZ is a word of law of the sea.
kkkmmm


文字列の表示方向指定
左から右へ: ア首連ドバイのクリークの岸壁に停泊する一艘の小型ダウ
右から左へ: 2本マスト。どこまでも青く澄み切った空にそびえるマスト。


文字列のスクロール
「海洋総合辞典」へのリンクはご自由です。

「海洋総合辞典」へのリンクはご自由です。
0=無限にrepeating. loop3=3回スクロール。Scroll speed default="85"



      同上:削除文書に線が引かれる
ア首連ドバイのクリークの岸壁に停泊する。
青く澄み切った空にそびえるマスト。
ダウは小さいながらも通気孔をもつ。


段落の位置指定

kkkkkkkkkkkkkkkkkkkkkkkkkkk
rrrrrrrddddddddddddddddddd

kkkkkkkkkkkkkkkkk
rrrrrrrddddddddddd

kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
rrrrrrrddddddddddddddddddddddddddddddddddddddd


セクションごとに位置指定: いくつかの段落を含む一まとまりの文章とみなされる

kkkkkkkkkkkkkkkkkkkkkkkkkkk
rrrrrrrddddddddddddddddddd
kkkkkkkkkkkkkkkkk
rrrrrrrddddddddddd
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
rrrrrrrddddddddddddddddddddddddddddddddddddddd


引用文の挿入

書物では下記のように記載されている。

"mmmmmmmmmmmmmmm
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
dddddddddddddddddd"
uuuuuuuuuuuuuuuuu
cite → kkkkkkkkkkkkk


海洋博物館

    1 kkkkkkk
    2 jjjjjjjjjjjj
    3 yyyyyyyy
海洋博物館
  • kkkkkkk
  • jjjjjjjjjjjj
  • yyyyyyyy


海洋博物館

  • kkkkkkk  
  • ggggggg
    • jjjjjjjjjjjj
    • pppppppp
      • ssssssss
      • jjjjjjjjjjjj
      • yyyyyyyy


海洋博物館

  • kkkkkkk
  • jjjjjjjjjjjj
  • yyyyyyyy
  • ssssssss
  • kkkkkkk


番号つきリスト

海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss


海洋博物館

  1. kkkkkkk
    1. jjjjjjjjjjjj
    2. tttttttt
      1. ssssssss
      2. jjjjjjjjjjjj
      3. yyyyyyyy


番号つき=アラビア数字、アルファベット、ローマ数字リスト

1 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss

2 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss

3 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss

4 海洋博物館

  1. kkkkkkk
  2. jjjjjjjjjjjj
  3. yyyyyyyy
  4. ssssssss


○ 海洋博物館

  1. kkkkkkk
    1. jjjjjjjjjjjj   
    2. kkkkkk
      1. xxxxxxxxxxxxxxxxxxxxxxxxxxx
      2. ssssssss
        1. jjjjjjjjjjjj
        2. yyyyyyyy


  1. 世界の海洋博物館
    • kkkkkkk
    • jjjjjjjjjjjj
    • yyyyyyyy
    • ssssssss
    • kkkkkkk
  2. 日本の海洋博物館
    • KKKKK   
    • mmmmm  


用語リスト作成

○ マンガン団塊
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

○ コバルトリッチ
ppppppppppppppppppppppppp


1
この画像はニカラグアです。
いつ大阪に行きますか。
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb







例: .........→ #ffccff(ピンク色)
例: "....."とすると背景色は真っ黒blackとなる
text="...." → #0000ff(青色)
ホームページ作成の基礎(タグと事例)

Back to:Main Home Page > Eng-Jap ocean dictionary > Photo Gallery > Spanish ocean dictionary
hhhhhhhhhhhhhhhhh
jjjjjjjjjjjjj
kkkkkkkkkkkk
ffffffffffffffffffffffff


解説
text: ページ全体の文字色−ここでは青色
link: リンクされている文字色(まだ見ていないリンク)−ここではpink
vlink: すでに見たリンクの色−ここでは紫色
alink: リンクを選択時の瞬間の色−ここでは黒色


背景色
リンク部分の色
アクセス後の色


***********************************************************************



ホームページ作成の基礎(タグと事例)

Back to:Main Home Page > Eng-Jap ocean dictionary >  Photo Gallery > Spanish ocean dictionary>  Eng-Jap ocean dictionary > Photo Gallery >  Spanish ocean dictionary

hhhhhhhhhhhhhhhhh
jjjjjjjjjjjjj
ffffffffffffffffffffffff


解説
text: ページ全体の文字色−ここでは青色
link: リンクされている文字色(まだ見ていないリンク)−ここではpink
vlink: すでに見たリンクの色−ここでは紫色
alink: リンクを選択時の瞬間の色−ここでは黒色

Back to:Main Home Page


END