ホームページを作ろう:飾りつけ編

☆★☆背景や基本設定に関すること☆★☆

☆★☆ハイパーリンクをつけよう☆★☆

☆★☆飾り付けをしよう☆★☆

• 画像
  ウェブページの中に表示されるアイコンやバナー、写真などはすべて画像ファイルのリンクとして処理される。
  Ｗｏｒｄのように直接画像を挿入するのではなく、タグで指定するのだ。
  画像をはりたいときは、前もって同じフォルダか、そのフォルダ内に画像専用のフォルダを作って、その中にすべての画像をしまっておくのだ。
  

  入力	結果
  htmlファイルと同じフォルダに画像がある場合は ＜img src="gazou1.gif"＞ と入力。("ファイル名.拡張子"を入力）	htmlファイルと同じフォルダに画像がある場合は と入力。
  別のフォルダ内に画像がある場合は ＜img src="gazou/gazou2.gif"＞ と入力。("フォルダ名/ファイル名.拡張子"を入力）	htmlファイルと同じフォルダに画像がある場合は と入力。
  インターネット上に画像がある場合は ＜img src="http://homepage3.nifty.com/pikapikka/sozai/kabe.gif"＞ と入力。("URL"を入力）	htmlファイルと同じフォルダに画像がある場合は と入力。

  
  
  
• 罫線(水平区切り線)を引く
  ～～入力～～
  ＜ＨＲ＞
  ～～出力～～
  

  ---

  
  
  
• 表にまとめる
  

  入力例	説明
  ＜TABLE border=1＞ 　　＜tr＞ 　　　＜td＞左上＜/td＞＜td＞中上＜/td＞＜td＞右上＜/td＞　 　　＜/tr＞　 　　＜tr＞　 　　　＜td＞左中＜/td＞＜td＞中中＜/td＞＜td＞右中＜/td＞　 　　＜/tr＞　 　　＜tr＞　 　　　＜td＞左下＜/td＞＜td＞中下＜/td＞＜td＞右下＜/td＞　 　　＜/tr＞　 　＜/TABLE＞	TABLE…「表」形式を開始する。　border=1…枠線の幅を１ptにする 1行確保する ＜td＞～＜/td＞…1マス作る 1行の範囲のを閉じる。 「表」形式を終了する

  
  
  ～～出力例～～
  

  左上	中上	右上
  左中	中中	右中
  左下	中下	右下