RIGHT:[[インターネット活用ガイダンス>NetGuidance]]
&br;&br;
CENTER:&size(28){Webページの基礎};
&br;&br;
RIGHT:谷口祐治(taniguchi@cc.u-ryukyu.ac.jp)
----
LEFT:''コメント''
#pcomment(,below,5)
----
LEFT:''目 次''
[[NetGuidance/WebPage]]

#contents
----
*LINKs [#k1be97b8]
-[[ホームページ辞典第3版:http://www.shoeisha.com/book/pc/dic/hp.asp]]
-[[とほほのWWW入門:http://tohoho.wakusei.ne.jp/]]

*Webページの基本構造 [#p0c23570]
-何も表示しないWebページ…これでもWebページ
 <HTML>
  <HEAD>
  </HEAD>
  <BODY>
  </BODY>
 </HTML>
-タイトルと内容表示
 <HTML>
  <HEAD>
   <TITLE>
    ページのタイトル
   </TITLE>
  </HEAD>
  <BODY>
    ページの内容
  </BODY>
 </HTML>
-サンプルデータで実践
--&ref(web-sample.zip,,Webページサンプル);
--&ref(basic4html.zip,,HTMLによるホームページの基礎資料);
--&ref(basic4hpb7.zip,,ホームページ・ビルダー7基礎資料);

*HTMLエレメント [#re93ab51]
HTML(Hyper Text Markup Language):Webページを記述するためのマークアップ言語

|HTMLエレメント基本|h
|基本|<TITLE>〜</TITLE>|ページのタイトル設定|
|テキスト|<H1>〜</H1>…<H6>〜</H6>|見出し設定|
|~|<P>〜</P>|パラグラフ・段落設定|
|~|<BR>|改行|
|~|<PRE>〜</PRE>|入力したとおりに表示|
|ページ|<BODY BGCOLOR="…">〜</BODY>|ページの背景色|
|~|<FONT COLOR="…">〜</FONT>|文字色|
|~|<FONT SIZE="…">〜</FONT>|文字サイズ|
|~|<HR>|横罫線|
|リスト|<UL><LI>〜</LI></UL>|番号無しリスト|
|~|<OL><LI>〜</LI></OL>|番号付きリスト|
|イメージ|<IMG SRC="〜" ALT="〜">|画像表示or代替テキスト|
|~|<IMG SRC="〜" WIDTH="〜" HEIGHT="〜">|画像サイズ指定|
|リンク|<A HREF="〜" TARGET="〜">〜</A>|リンク設定、新ウインドウ名|
|~|<A HREF="#〜">〜</A>|場所指定リンク(リンク元)|
|~|<A NAME="〜">〜</A>|場所指定リンク(リンク先)|
|更新中|f

----


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS