• 本記事の先頭
• 制作者へメール

制作者の活動(PR)。

• 読み飛ばす▼

アイドル・堀北真希ちゃんにうさぎの耳を着けた女子大生キャラクタ

主な作品

堀北真希うさぎ(うさ耳女子大生)：平成元年〜平成 3年頃のボシュロム製コンタクトのTVコマーシャル風にレンズをつけている場面を含んだ仮想CM動画

1. サイト表紙
2. しらぎくのウェブサイト作成入門
3. HTMLの便利な要素

HTMLの便利な要素。

• 平成15年 8月 8日 開設
• 平成19年 8月14日 更新

• 本コンテンツの目次

HTMLの便利な要素について。

• ▲記事先頭
• ▽次項目

ここでは、HTML&CSS入門・HTML入門篇の続きとして、もう少し知っていると便利な要素を紹介します。

• ここではルビ(振り仮名)を除いてXHTML 1.0 ストリクト(HTMLの現行推奨規格)で使えるものを紹介しております。
• また、各要素に関する詳細は、HTML 4/XHTML 1 リファレンスで解説しております。

HTMLの便利な要素・目次。

知っていると便利な要素・他。

• ▲記事先頭
• △前項目
• ▽次項目

リスト要素群

• HTML&CSS入門・HTML入門篇のリストについてに改稿した上で移転しました。

引用・版権を表わす要素

• HTML&CSS入門・HTML入門篇の

  • 引用のマークアップ
  • 文書に関する連絡先や奥付のマークアップ

  に改稿した上で移転しました。

強調を表わす要素

• HTML&CSS入門・HTML入門篇の便利なインライン要素に改稿した上で移転しました。

主なインライン要素

• 表示方法を指定する要素

  • <small>要素…小さく表示
  • <big>要素…大きく表示
  • <b>要素…太字で表示
  • <i>要素…斜体で表示
  • <tt>要素…等幅フォントでの表示

• その他の項目は、HTML&CSS入門・HTML入門篇の便利なインライン要素に改稿した上で移転しました。

アンカー以外のハイパーリンク (平成18年 8月 2日 改訂)

• <link>要素…文書と他のリソースとの関連付け

編集済みを表わす要素 (平成18年 7月25日 改訂)

• <ins>要素…後から追加した要素
• <del>要素…後で削除した要素

書式を整える要素 (平成18年 8月 2日 改訂)

• <hr>要素…横罫線を引く
• <br>要素…強制改行する

注釈の入れ方

• 目次の先頭へ

その他の要素。

• ▲記事先頭
• △前項目

以下の解説は、必ずしも知っている必要は無いと思われるものです。

<base>要素 - 相対URLの基準となるURLの指定 (平成18年 8月 2日 改訂)

表(テーブル)について (平成18年 8月 2日 改訂)

• 基本的な表(テーブル)の組み方

  • <table>要素…表全体
  • <caption>要素…表(テーブル)の題名
  • <tr>要素…表(テーブル)の行成分
  • <th>要素…表(テーブル)の見出しとなるセル
  • <td>要素…表(テーブル)のデータセル
• 表組みの具体例

• 表(テーブル)でのその他の便利な要素

  • <thead>要素…表(テーブル)のヘッダ部分の行グループ
  • <tbody>要素…表(テーブル)本体の行グループ

• 表を用いるに当たって注意すべき事

  • レイアウトに用いるのはやめましょう
  • 表(テーブル)にスタイルを当てる場合の注意事項

整形済みテキスト (平成18年 8月 2日 改訂)

• 整形済みテキストとは
• <pre>要素…整形済みテキスト

• 個人的に注意したい事

  • 必然性が無い場合に<pre>要素を使ってはいけません
  • 特に絶対に許されない、<pre>要素による縦書き文書
  • コンピュータ言語のソースを記述する場合
• <pre>要素への適切なスタイル定義

ルビ(振り仮名) (平成18年 8月 2日 改訂)

• ルビ(振り仮名)の仕様

• ルビ関連要素の実際

  • <ruby>要素…ルビの掛かるテキストとルビを明示する
  • <rb>要素…ルビが掛かるテキスト
  • <rt>要素…ルビとなるテキスト
  • <rp>要素…ルビ非対応環境で表示させる記号

• ルビ関連要素の注意事項

  • <ruby>要素の内容には制限があります
• <ruby>要素の実際
• 参考・ルビ要素を使わずにルビを書く方法

<img>要素以外の画像等埋込み要素 (平成18年 8月 2日 改訂)

• <object>要素
• <embed>要素(非公認)
• <noembed>要素(非公認)
• <applet>要素(排除勧告)

クリッカブルマップ(イメージマップ) (平成18年 8月 2日 改訂)

• <img usemap="#マップ名">要素…クリッカブルマップの指定
• <map>要素…クライアント側クリッカブルマップの定義
• <area>要素…クライアント側クリッカブル領域のリンク領域指定

• 目次へ

• この頁の本文はここまでです(本文の先頭へ)

しらぎくのウェブサイト作成入門サイトマップ

• HTMLのいろいろな要素

  • 引用・版権を表わす要素
  • 強調を表わす要素
  • 主なインライン要素
  • アンカー以外のハイパーリンク
  • 編集済みを表わす要素
  • 書式を整える要素
  • 注釈の入れ方
  • <base>要素
  • 表(テーブル)について
  • 整形済みテキスト
  • ルビ(振り仮名)
  • クリッカブルマップ(イメージマップ)

• しらぎくのウェブサイト作成入門

  • HTML & CSS入門

    • HTML5入門
    • CSS入門
  • HTMLのいろいろな要素

  • CSS

    • CSSのいろいろな機能
    • CSSの小技

  • JAVAスクリプト

    • 基本的なJAVAスクリプト
    • ダイナミックHTMLとDOM
    • CSSを補完するDOMの応用
    • 簡単なAjax
    • スクリプトで絵を描くには(<canvas>要素)
  • 携帯電話向けコンテンツの書き方

  • リファレンス

    • HTML 5リファレンス
    • HTML 4/XHTML 1リファレンス
    • CSSリファレンス
    • DOMリファレンス
    • <canvas>要素リファレンス

  • 別サイト

    • WWW公開実験場
    • メモ

ページ外へのご案内。

• 制作者へのご連絡
• コンテンツ内検索
• 

• しらぎくのウェブサイト作成入門
• しらぎくさいと日本語版表紙