HTML 文法入門

3 . 1  

運用中の文書例

HTMLは文書の中にタグと呼ばれるマークをつけることで様々な機能を発揮します.

まず，長崎大学総合情報処理センターで実験的に運用されているサーバー

[ 2 ]

上にある，

センター紹介用のHTML文書を例に上げ，その幾つかのタグについて簡単に説明します.

この例は，センターのマシンで

M o s a i c

を起動した時の長崎大学ホームページ(日本語版) 上の"こちら長崎大学総合情報処理センターですの部分をマウスクリックすると表示さ れる画面の HTML文書のテキストデータとその画面です.

<title> Nagasaki Univ.  Information Science Center  (inJapaneseEUC) 

</title> 

<Hl>

長崎大学総合情報処理センター

</Hl>

<p> 

This i s   Nagasaki Univ.  Information S

と

ienceCenter. 

In this WWW 

J 

we are using SJIS  (X0208)  for Japanese. 

工

fyou cannot read Jap

出

ese

J 

please chage fonts a t  your Mosaic. 

<p> 

<a href==" http://SC

/I

SC‑big.gif'' ><img src=" ISC.gif" ></a> 

<p> 

長崎大学<ahref==''http://SC//SC‑big.gif'' >総合情報処理センタ一概観</a>

<p> 

============== 

く

p>

当センターは，長崎大学におけるくul>

<li>

コンビュータサービスの中心的な役割

<li>

ネットワークに関する中，心的役:割

</ul> 

を果たしています.

く

p>

============= 

<p> 

センター関連資料

<p>長崎大学総合情報処理センター <ahref=''http://SC/System.eps'' > 

システム概念図

</a>

<p> 

センターがオ

9

なっているサーピス

く

p>

* * *   Gopherサーバ林事

<p> <a href=" gopher: /  /gopher. c c  .nagasaki‑u. ac .jp/11/pub "  > gopher</a> 

<p>

キ**

FTP

サーノ'i

* * *  

<p> FTP

可能な

<ahref="file://ftp.cc.nagasaki‑u.ac.jp/pub/prg" 

>プログラム

</a>

<p> FTP

可能なく

ahref="file://ftp.cc.nagasaki‑u.ac.jp/pub/doc" 

>ドキュメント

</a>

<p>  * * *   WWWサーバ*本ホ

<p>

先週の

<ahref=''http://SC/lastweek.html'' 

>利用状況</a>

7 9  

くp>

<p> <a href=" http://www.cc.nagasaki‑u.ac.jp/index‑J.html'' > 

メインページく/a>に戻る

くp>

English messages areくahref=''http://SC/center.html'' >HEREく/a>

くp>

くaddress>Me (hanada~cc.nagasaki-u.ac.jp) く /address>

図 1総合情報処理センターのホームページ

3 . 2  

サンプルテキス卜上のタグ

タグはくの後にタグ名が続き>で終る形をとります.一般にタグは，ペアになっていて，

<tag>で始まり，タグ名の前にスラッシュのついたく/tag>で終ります.

但し，改行タグ<P>等のように， </P>のいらない単独のタグもあります.

タグには大文字・小文字の区別はありません.<TITLE>とくtitle>は同じです.

‑80 

3 . 2 . 1  

タイト jレ

< t i t l e >  N a g a s a k i  Un

肌

I n f o r m a t i o nS c i e n c e  C e n t e r  ( i n J a p a n e s e E U

C)

< / t i t l e >

部分です.

HTML

文書には必ずタイトルが必要です.タイトルはテキストとは別の場所に表示され ます.表題としてわかりやすいタイトルを付けて下さい.

Xウインドウ用の NCSAM o s a i c

では タイトルがプルダウンメニューの下の

Doeument T i t l eフィールドに表示されます.

3 . 2 . 2  

本文中の見出し

<Hl>

長崎大学総合情報処理センター

</Hl>

といった部分です.

HTML

では本文中の見出しとして，大きく目立つフォントで表示したい時などに専用タ グを用います.

書式は

<H?> … </H?>という形をとり?はフォントの大きさの順位を表す l

から

6

までの数字が入り， 1が一番大きい文字で表示されます.

尚，このタグはフォントの大きさを変更する時にも用いられます.

3 . 2 . 3  

改行と段落

<p>

のところです.

HTML

では多くのワープロのドキュメントと異なり，改行や段落を無視し，複数の空白 は

l

つの空白に修正されます.

(<TITLE>

タグ内は除く).そこで，文章中の強制改行2に は専用タグ<BR>を，段落を設けたい時はくP>タグを使います.

3 . 3  

他の書類へのリンク

HTML

のすぐれたところは，他の書類への(ハイパーテキスト)リンクや文書中でのジャ ンプが簡単に行なえることです.

これにより，文章中での参考文献の閲覧や補足説明の参照等に非常に便利です.

ハイパーリンクにはアンカーと呼ばれるくA>タグを使います.アンカーは次のように用 います.

1. 

<A

で始めます.

(A

の後には必ず

l

つ以上の空白が必要です)

2 .

パラメータ

HREF=

"自

l e n a m e

"によってハイパーリンク先の書類名を指定し，>で 閉じます.

3 .

ハイパーリンク先を表すテキスト(マウスクリックする場所)を入力します.

4 .

最後に

</A>

で終了します.

ハイパーテキストリンクを行う部分

( 3 .

のテキスト部分)は通常，色が付いたり下線が引 かれています.

2行間に余分なスペースを入れずに改行する.

81 

3 . 3 . 1  

他の書類への通常のリンク サンプルテキスト中の，

<p>

先週のく

ah r e f =  .   h . t

七

p : j I S C j l a s t w e e k . h t m l "

>利用状況

<ja>

では

"利用状況"(アンダーライン付きの青色表示

3 )

に，書類"

l a s t w

明

k . h t m l "

へのハイパー リンクが作られ，この書類と同じディレクトリに置かれています.

ここをクリックすると，利用状況のテキストが現れます.

別の場所に置く場合は，相対パス名，絶対パス名で指定できますが，

W W W

サーバによっ て指定方法が異なります.

World Wide Web 

は

UniformR e s o u r c e  L o c a t o r s ( U R L s )

と呼ばれる方法で，世界中の他 の

W W W

サーバにあるファイルの場所を統一的に指定することができます.

URL

は資源 のタイプも含んでおり，

W W W

以外の資源

( g o p h

町川

T A I S

，

FTP

等)へのアクセスも可能と

しています.

URL

の書式は次のとおりです.

アクセス法://ホスト名.ドメイン名[:ポート番号

4 J /

パス名/ファイル名

( s c h e m e : /  / h o s t . d o m a i n [ : p o r t J j p a t h j f i l e n a m e )  

ナ ク セ ス 法

( s c h e m e )

の主なものは以下の通りです.

1項目￨アクセス方法(叫

eme)

Iアクセ

X

の対象

1 

f i l e  

ローカルシステム上か

AnonymousFTP 

で入手できるファイル

2  f t p   Anonymous FTP

上のファイル

ドキュメント内 センターレポート 第14号 (ページ 82-85)