ホームページ作成・素材

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

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

全て表示する >

HTMLの基礎 Vol.30 引用部分の明示・センタリング(cite・center)

2005/01/21

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

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

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

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

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

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

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

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


  とうとう体調を崩してしまいました。といってもいつもと変わりなく過
  いますが、咳がでるのがとてもうっとうしいですね。インフルエンザも
  流行っているようなので、気をつけないといけません。

  さて、今回も非常に単純な内容です。ただ単にタグで文字列をかこんだ
  りするだけのシンプルなものですので簡単です。
  それでは今回も最後までお付き合いよろしくお願いいたしますね。


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


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


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


  <cite></cite>の間に、他の文書やサイトなどから引用した名前等を記述
  します。文章などの内容を引用する際は<blockquote></blockquote>を
  使用します。ブラウザによっても表示結果が違いますが、IEやNNでは斜
  体で表示されます。


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


 ■ウェブページの文書構造を<cite>HTMLの基礎</cite>で学んだ。


  このように、<cite></cite>の間に引用・参照する文字列を記述します。
  IEやNNでは斜体で表示されますが、使用されることは少ないようです。


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


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


  <center></center>の間に記述された文字列や表、画像は中央揃えで表示
  されます。<center>は非推奨です。


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


 ■<center>中央に表示されます。</center>


  上記の<center></center>の間に記述された「中央に表示されます。」の
  文字列は中央揃えで表示されます。


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


  それでは、いつもと同じ手順で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>引用文の明示・センタリング</title>
<base href="http://ykr.main.jp/html/">
</head>

<body>
<h1>引用文の明示・センタリング</h1>
<h2>引用文の明示</h2>
<hr>
<p>
Web標準を策定している国際的な団体の事を
<cite>W3C</cite>と呼びます。
</p>

<hr>
<h2>センタリング</h2>
<hr>
<center>
この文字列・画像は中央に表示されます。<br>
<img src="http://ykr.main.jp/html/img/html.gif">
</center>
</body>
</html>


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


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


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


 ■<p>
  Web標準を策定している国際的な団体の事を
  <cite>W3C</cite>と呼びます。
  </p>

  説明するまでも無いですが、引用したい文字列を<cite></cite>の間に記
  述します。この場合は「W3C」です。


 ■<center>
  この文字列・画像は中央に表示されます。<br>
  <img src="http://ykr.main.jp/html/img/html.gif">
  </center>

  文字列も画像も中央揃えでひょうじされます。ここでサンプルとして使用
  している画像は、ダウンロードは自由ですが直リンクは禁止です。


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


来週は・・・

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

   1.プログラムコードである事を明示2 <code>

   2.文字列の表示方向(国際化情報) <bdo dir="値">

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

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


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


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

  思ったよりもすぐに書き終わってしまいました。タグは沢山の種類があ
  りますが、日常的に使用するものというのはそんなに数はないので、わ
  ざわざ覚えなくとも必要に応じて調べれば良いでしょう。
  私自身、ページを作成する際に全てのタグの半分も使用しないのではな
  いかと思います。

  最近たまにマスクをしている人を見かけます。今年は花粉の飛散量が異
  常な位多いそうですね。去年の夏の猛暑なども要因の一つらしいですが
  、テレビなどで花粉が飛ぶ映像などを見かけると、これだけの花粉を浴
  びているのかと怖くなります。皆さんは花粉対策、何かされているので
  しょうか?

  来週も今回位のボリュームのメルマガになると思います。
  それではまた次回もよろしくお願いいたしますね。


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

■■■「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    掲載記事の無断転載を禁じます
*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

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

メルマガ情報

創刊日:2004-06-29  
最終発行日:  
発行周期:週間  
Score!: - 点   

コメント一覧コメントを書く

この記事にコメントを書く

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

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

  • コメントはありません。