トップ > インターネット > ホームページ作成・素材 > HTMLの基礎−タグを覚えてウェブページを作ろう!−

ホームページはHTMLタグの知識とテキストエディタさえあれば作成できます。またタグを理解していればサイトの細かい部分まで手が届きます。でも、わからない・・そんな方にお送りする初心者向けのHTMLタグ講座「HTMLの基礎」。

RSS


メルマガの登録・解除

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。



HTMLの基礎 Vol.29 問い合わせ・基準URLの設定(address・base)

発行日:1/14

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

    HTMLの基礎 −タグを覚えてウェブページを作ろう!−

      2004/01/14(Fri) Vol.29       執筆:ykr
              http://ykr.main.jp/html/index.html

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.ページに関する問い合わせなどの記述 <address>

   2.基準となるURLの指定 <base>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   


  寒い日が続きますが、今季はまだ風邪を一度も引いていません。昔から
  なのですが、常時寝不足状態なのでそろそろ体調崩すかなといつも思う
  のですが、朝昼晩しっかり食事を摂っているおかげか(食べすぎとも言
  う)全然元気です。皆さんはお元気でしょうか?

  さて、前回でやっとフレームの学習を終えることができました。今回は
  、私はあんまり使用しないので「HTMLの基礎」の方には掲載してい
  無かったのでは・・(多分ですが)と思われるタグを説明します。本当
  に単純なタグなので、簡単に説明します。もしかしたらまたサイトの方
  にも掲載するかもしれません。

  それでは今回も最後までお付き合いよろしくお願いいたしますね。


  ※注意  HTMLのバージョンは4.01です。
       発刊時点で非推奨とされてるものも掲載しています。
       表示確認しているブラウザは、WinIE6、WinNN7、MacIE5.2
       MacNN7です。その他のブラウザでの表示は未確認ですので
       意図したとおりにならないことがあります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


1.ページに関する問い合わせなどの記述 <address>


  <address></address>の間にページの管理者などへの連絡先や、アドレス
  などを記述する事で、問い合わせ先を示す事ができます。

  IEやNNでは、このタグで囲まれた文字列は斜体で表示されます。また、
  ただ単に斜体にする<i>などとは違い、<address>は上下に改行が入り
  ます。


----------------------------------------------------------------------


 ■<address>
  mail:<a href="mailto:ykr414@yahoo.co.jp">ykr414</a>
  </address>

  このように、連絡先を<address></address>の間に記述する事で、間に
  記述された文字列は斜体で表示され、上下には改行が入ります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


2.基準となるURLの指定 <base>


  <head></head>内に<base〜>を記述する事で、そのページの基準となるUR
  Lを設定する事ができます。URLはhref属性に指定します。


----------------------------------------------------------------------


 ■<base href="http://ykr.main.jp/html/">

  <head></head>内に<base〜>を記述する事でそのページの基準となるURL
  を設定する事ができます。この設定したURLを基準として、サイト内の
  ページへのリンクを相対パスで記述する事ができます。

  ■相対パス・絶対パスについては・・
  ≫≫http://ykr.main.jp/html/component/htmldir.html


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


  それでは、いつもと同じ手順でHTML文書を作成して表示を確かめて
  みましょう。面倒な方は前回の続きに上書きしても良いでしょう。


----------------------------------------------------------------------


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>問い合わせ先と基準URLの設定</title>
<base href="http://ykr.main.jp/html/">
</head>

<body>
<h1>見出し1</h1>
<hr>
<p>
本文<br>
<a href="index.html">top</a>へ戻る
</p>
<hr>
<address>
問い合わせは <a href="mailto:ykr414@yahoo.co.jp">YKR</a> まで
</address>
</body>
</html>


----------------------------------------------------------------------


  さて、記述できたらファイルを保存します。
  前回のファイルに追加したという方は、上書き保存か名前をつけて、新
  しく保存して下さい。拡張子は「.html」です。


----------------------------------------------------------------------


 ■<base href="http://ykr.main.jp/html/">
  ・・略・・
  <a href="index.html">top</a>へ戻る

  例では、<head>内の<base>のhref属性の値に「http://ykr.main.jp/html/
  (HTMLの基礎トップページです)を設定し基準としている為、<body>
  内に記述された <a href="index.html">top</a>をクリックする事により、
  HTMLの基礎トップページへと移動します。


 ■<address>
  問い合わせは <a href="mailto:ykr414@yahoo.co.jp">YKR</a> まで
  </address>

  このように<address></address>の間に記述された問合せ先などの文字
  列は斜体で表示されます。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


来週は・・・

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.引用部分を明示2 <cite>

   2.画面の中央に表示する <center>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

(予告なく変更する事があります)


■ 雑記 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


  今回も最後まで付き合ってくださった方、お疲れ様でした。

  うっかり今日が金曜日だという事を朝まで忘れており、午前中大急ぎで
  メルマガを作成しました。去年までは余裕のあるときなどに何部か書き
  溜めておき、日付と上下のコメントだけを当日に記述できるようにして
  おくことが多かったのですが・・メールマガジンを何部も発行されてい
  る方を尊敬します。

  さて次回のタグですが、「引用部分の明示2」とあるのは、以前に一度
  、<q>というタグ(引用部分を明示するタグ)を学習しているからです。
  <cite>はあまり使用されていないと思うのですが、一応説明しておく事
  にします。

  それではまた次回もよろしくお願いいたしますね。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■■■「HTMLの基礎」姉妹サイトです。よろしくお願いします。■■■■

■■■「全部まるごとスタイルシート」
■   http://ykr414.com/css/index.html
■   スタイルシート辞典です。プロパティごと、または目的ごとに引
■   け、ブラウザの対応状況なども掲載しています。
■   HTMLに加える事で、より細かいレイアウトの指定が可能に。
■   コピーペーストするだけで利用できるテンプレートのページも。

■■■「コマンドプロンプトを使ってみよう!」
■   http://ykr414.com/dos/index.html
■   コマンドプロンプトとは何かから始まり、バッチファイルの作成
■   法や、コマンド別・目的別に引けるコマンド辞典。
■   初心者でもわかるよう細かく説明。

■■■「伸び縮みマークアップ言語 XML」
■   http://ykr414.com/xml/index.html
■   SGMLのサブセットであるXMLは、ネット上で扱うデータを
■   記述するためのデータフォーマットで、柔軟性のある言語構造を
■   持っており、プログラムで自在にデータを情報処理できます。そ
■   のXMLを実際に文書を作成しながら解説。随時追加更新。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


・makers     http://ykr414.net/makers/
         ダイエットグッズ、美味しいもの、かわいいもの
         セレクトショップ。ちょっと珍しいグッズ・便利な
         サービスなどの情報も掲載。
         コラムなどのコンテンツもあります。


*――*――*――*――*――*――*――*――*――*――*――*――*――*――*
  Auther       ykr
  Mail         ykr414@yahoo.co.jp
  URL          http://ykr.main.jp/html/index.html
  Copyright    (C)2004 ykr414. All rights reserved.
  Attention    掲載記事の無断転載を禁じます
*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

最新の記事

ブックマークに登録する

TwitterでつぶやくLismeトピックスに追加するdel.icio.usに追加Buzzurlにブックマークニフティクリップに追加Yahoo!ブックマークに登録記事をEvernoteへクリップ
My Yahoo!に追加Add to Google

規約に同意してこのメルマガに登録/解除する

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。


この記事へのコメント

コメントを書く


上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。
コメントの投稿時は投稿者規約への同意が必要です。

  1. コメントはありません。

このメルマガもおすすめ

  1. @(あっと)驚く!エクセル好きルアップ  

    最終発行日:
    2011/05/26
    読者数:
    4068人

    エクセル(Excel)の基礎から裏ワザまで... D-UP発行のマガジンは、1問1答の形式、詳細な解説付きで配信。さらに連動した懸賞サービスもあり、スキルとプレゼントを同時にゲット。映画情報もあるよ

  2. これ知ってます?Wordの小ワザ&便利ワザ

    最終発行日:
    2011/05/26
    読者数:
    4683人

    D-UPが送る、ほほー!っと納得ワード(Word)の小ワザ&便利ワザをクイズ形式で楽しく学んでいきます。知ってて損することはありません。あなたの文章にアクセントをつけてみませんか?懸賞のチャンスもWでお得。

  3. 全部フリーソフト!!

    最終発行日:
    2014/02/26
    読者数:
    4888人

    ネット上にはこんなに便利なソフトがいっぱい。仕事にも、遊びにも、あると絶対にお得で楽しいソフトを1つずつご紹介します。

  4. 高橋浩子の日本一“お気楽”なパソコンマガジン

    最終発行日:
    2017/01/14
    読者数:
    1130人

    「クスッと笑えてタメになる」をモットーとするテクニカルライター高橋浩子が魂を込めてお届けする週刊メルマガ。パソコン講座を中心に、便利ネタやおすすめサイトもご紹介。とにもかくにも、“お気楽”に楽しめる異色のエンターテイメントマガジンである。

  5. C#プログラミングレッスン

    最終発行日:
    2014/09/30
    読者数:
    973人

    C#での .NETプログラミングを易しく丁寧に解説するメールマガジンです。「C#プログラミング・レッスン」で、.NETプログラミングをマスターしましょう。

発行者プロフィール

過去の発行記事