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

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

RSS


メルマガの登録・解除

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



HTMLの基礎 Vol.49 お便りから特に多かったFAQを掲載

発行日:6/3

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

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

      2005/06/03(Fri) Vol.49       執筆:ykr
              http://ykr.main.jp/html/index.html

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

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

    ・ これまでにお便りから特に多かったFAQを掲載します。

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


  今日が金曜日だということを朝まで忘れており、全くメルマガを作成して
  いませんでした。なので、朝急いで過去に頂いたお便りを引っ張り出し、
  いくつか抜粋してみました。

  質問の中でも特に多いと思われるものを掲載しています。間から抜き取っ
  て掲載しているので、文章が多少おかしいと思われる箇所もありますがご
  了承下さい。

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


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


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


■■ これまでに頂いたお便りからの抜粋 ■■■■■■■■■■■■■■■



  ▼質問

  リンクの張り方がどうしても分からないのです。
  リンクのタグをどこに張ればよいのでしょうか?


  ▼回答

  <a>タグと</a>タグでリンクを張りたい文字を囲みます。画像にリンクを
  張りたい場合はリンクを張りたい画像を<a>と</a>で囲みます。


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


  ▼質問

  文字の下に線を引くにはどうしたらいいのでしょうか?


  ▼回答

  文字の下に下線を引くタグは2種類あります。一つは<u></u>でもう一つ
  は<ins></ins>です。どちらも表示結果は同じですが、構造上の意味に違
  いがあります。
  <u></u>の間の文字は、ただ単に文字を装飾するためだけのタグであるの
  に対し、<ins></ins>は、その部分を強調するという意味を持ち、下線が
  引かれます。


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


  ▼質問

  初めてサイト作るんですが、どこから手を付けたらいいのかいまいち分か
  りません。


  ▼回答

  内容が決まっているのなら、後はそれらを組み立てていくだけです。
  例えば、ページに記述する文章、画像なども用意しないといけません


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


  ▼質問

  画像のURLってゆぅのはどうすれば分かりますか?


  ▼回答

  画像の上にマウスのカーソルを持って行き、右クリック→プロパティを選
  択、そこに表示されているアドレスが、その画像のURLです。


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


  ▼質問

  ぼくのHPは、検索しても出てきません。


  ▼回答

  Googleの検索エンジンは勝手にロボットがウェブ上を回り、ウェブページ
  を集めて回るために放っておいてもいつの間にか登録されます。
  ただ、ロボットの回るタイミングによっては早く登録されたり、なかなか
  登録されないなど時間差があるようです。


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


  ▼質問

  リンクを貼ると、バナーなどに囲みができてしまうんですが、これを消す
  方法はないでしょうか?


  ▼回答

  <img>タグの中に画像の枠線を設定する属性border="0"を記述します。


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


  ▼質問

  1つのページを3つに区切るとします。1が上(タイトル)、2が左、3が右
  2の左側に、ボタンがあり、そこをクリックすると、3の右側に文章が、
  出る。とゆうのはフレーム以外には、方法はないのですか?


  ▼回答

  一つの方法としてDHTML(Dynamic HTML)を使用します。例えば、ペー
  ジに表示する一つ一つのボタンや、画像、テキストなどを部品化(オブジェ
  クト化)します。一つ一つに分けられたボタンなどの部品をスタイルシート
  などにより、表示位置を決定したりします。


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


  ▼質問(質問ではないですが)

  まあ仲良くしよう


  ▼回答

  回答不能


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


  ▼質問

  スクロールバーの色を変えたりしたいのですが、出来ますか?


  ▼回答

  スタイルシートを使用すれば、とても簡単に出来ます。


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


  ▼質問(割と多い質問です)

  基本的なことを聞いてすみません。HTMLってなんて読むのですか?


  ▼回答

  HTMLは「エイチティーエムエル」と読みます。Hyper text Markup L
  anguageの略です。


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


  ▼質問

  spanの中にtableを書いても、無効という事なのですが、有効になる場合
  があります。どうしてでしょうか?


  ▼回答

  HTMLはブラウザによっては少々タグの書き方がおかしくても、正しく
  表示される場合が多々あります。しかし、そのような記述間違いは、ある
  ブラウザでは正しく表示されていても別のブラウザでは正しく表示されな
  いといった事が起こりえます。


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


  ▼質問

  さて、カレンダーを作れるタグがあると聞いたのですが、どのようなもの
  なのか教えていただけないでしょうか?


  ▼回答

  Movabletype(ウェブログ)で使用できるテンプレートを使用した特別なタ
  グの事です。ブログのHTMLタグの中に追加して使用できるものです。


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


  その他、励ましやお礼のメールを送ってくださる方も沢山おられ、とても
  ありがたく思います。今現在は忙しいのと、お便りのメールが増えてしま
  った為、内容によっては返信が非常に遅くなってしまったりするものもあ
  ります。(時間がないのでできるだけメールの内容はHTML関連限定に
  しています。)

  サイト運営をしていく上で、こういったコミュニケーションは非常に励み
  になっています。まだまだ至らない点がございますが、これからもどうぞ
  宜しくお願いいたしますね。


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


来週は・・・

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

    1.実際にウェブぺージを作成する

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

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


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


  今回も最後まで付き合ってくださった方、お疲れ様でした。
  質問のお便りですが、中には面白いものも沢山あります。割と多いのが
  「何もかもわかりません」というお便りです。確かに文面からは理解で
  きないという事がひしひしを伝わってくるのですが、私も何がわからな
  いのかが全くわからないので、「何もかもわかりません」状態です(笑

  さて、次回から何をしようかいろいろ迷っていたのですが、とりあえず
  何回かに分けて実際にいちから簡単なウェブページを作成してみます。
  用意するものから始まり、リンクを張ったり文字を記述したり・・

  時にはスタイルシート等も使用しながら(掲載するスタイルシートにつ
  いてはその都度きちんと説明します)回を重ねていくごとにサイトが出
  来上がっていく構成にします。(完全に決定したわけではないですが・
  ・・)

  というわけで次回からのメルマガもどうぞ宜しくお願いいたします。


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

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

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

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

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

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


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

・YKR GALLERY   http://ykr414.com/gallery/
         CG、また実際に描いた絵を紹介するギャラリー。
         趣味で運営の為かなり更新が遅め。
         ・・・というか時間がなくて殆ど更新してません(汗)


*――*――*――*――*――*――*――*――*――*――*――*――*――*――*
  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
    読者数:
    4680人

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

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

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

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

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

    最終発行日:
    2017/06/22
    読者数:
    1130人

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

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

    最終発行日:
    2017/03/04
    読者数:
    974人

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

発行者プロフィール

過去の発行記事