標準テキストシリーズ例題50+演習問題50でしっかり学ぶ HTML標準テキスト

[表紙]例題50+演習問題50でしっかり学ぶ HTML標準テキスト

紙版発売

B5判/328ページ

定価1,958円(本体1,780円+税10%)

ISBN 4-7741-1147-3

ただいま弊社在庫はございません。

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

例題でHTMLの基礎を学び,演習問題で理解した内容を確認するという2段階のステップで,初めての方でも無理なく,しかも確実にHTMLの基本をマスターできるように工夫しています。教科書としてはもちろん,独学の方にも最適な入門書です。

こんな方におすすめ

  • HTMLを学ぶための教科書をお探しの方
  • 初めてホームページを作ろうとしている方

目次

Part 1 ホームページとHTMLのしくみ

  • Lesson 1 ホームページが見えるしくみ
    • 1 ホームページを閲覧する側から
    • 2 ホームページの実体
    • 3 ホームページを公開する側から
    • 4 ホームページ作成には,WWWブラウザとエディタが必要
  • Lesson 2 HTMLの基本構造
  • Lesson 3 ホームページを公開するために必要な知識
    • 1 ホームページ解説の申し込み
    • 2 自分のホームページ用のHTMLファイルの作成
    • 3 作成したHTMLファイルを,WWWサーバーに転送する
  • Lesson 4 前準備(HTML文書を保存するフォルダの作成)
    • 1 フォルダ作成の手順

Part 2 文字の表示と文字サイズの指定

  • Lesson 1 文字列の表示(<TITLE>,<BODY>)
    • 例題1 HTMLファイルを作成して,ブラウザに文字を表示しよう
  • Lesson 2 文字サイズの指定 (1)(FONT SIZE)
    • 例題2 <FONT SIZE="num">で文字の大きさを指定しよう
  • Lesson 3 文字サイズの指定 (2)(<H1>,<H2>,…,<H6>)
    • 例題3 <H1>,<H2>,…,<H6>で文字の大きさを指定しよう
  • Lesson 4 文字サイズの相対指定(<BASEFONT>)
    • 例題4 <BASEFONT>で文字サイズを相対的に指定しよう
  • Lesson 5 大きめの文字と小さめの文字(<BIG>,<SMALL>)
    • 例題5 現在の文字サイズより,大きめや小さめの文字で表示しよう
  • Lesson 6 文字列をそのまま表示する(<PRE>)
    • 例題6 文字列を入力したとおりに表示しよう
  • 演習問題(やってみよう!) 1・2・3・4・5・6・7・8・9

Part 3 文字の装飾

  • Lesson 1 太字・斜体・下線・抹消線(<B>,<I>,<U>,<S>,<STRIKE>)
    • 例題7 文字に太字・斜体・下線・抹消線を表示しよう
  • Lesson 2 上付き文字・下付き文字(<SUP>,<SUB>)
    • 例題8 上付き文字や下付き文字を表示しよう
  • Lesson 3 強調・より強い強調(<EM>,<STRONG>)
    • 例題9 文字列を強調したり,より強く強調したりしてみよう
  • Lesson 4 文字の色(<FONT COLOR>)
    • 例題10 文字列の一部に色を指定しよう 83
  • 演習問題(やってみよう!) 10・11・12・13・14 86

Part 4 文字の位置と文字のスクロール 89

  • Lesson 1 文字位置の指定(<P ALIGN>,<DIV ALIGN>,<CENTER>)
    • 例題11 文字列を左寄せ,中央揃え,右寄せで表示しよう
  • Lesson 2 文字位置と見出しレベルを同時に指定(<H1 ALIGN>,…,<H6 ALIGN>)
    • 例題12 見出しの文字サイズと位置を同時に指定してみよう
  • Lesson 3 文字のサイズ・位置・書式
    • 例題13 文字サイズ・位置・書式を同時に指定しよう
  • Lesson 4 文字のスクロール(文字を動かす)(<MARQUEE>)
    • 例題14 文字を動かしてみよう
  • 演習問題(やってみよう!) 15・16

Part 5 ページ全体の背景色と文字の色

  • Lesson 1 ページ全体の文字色を指定する(<BODY TEXT>)
    • 例題15 ページ全体の文字色を赤にしてみよう
  • Lesson 2 背景の色を指定する(<BODY BGCOLOR>)
    • 例題16 背景色を水色にしてみよう
  • Lesson 3 文字と背景の色を指定する
    • 例題17 文字色を青に,背景色を黄色にしてみよう
  • 演習問題(やってみよう!) 17・18・19

Part 6 区切り線を引く

  • Lesson 1 区切り線を引く(<HR>)
    • 例題18 <HR>でいろいろな区切り線を引いてみよう
  • Lesson 2 区切り線に色を付ける(<HR COLOR>)
    • 例題19 区切り線に色を付けてみよう
  • 演習問題(やってみよう!) 20・21・22

Part 7 リストの表示 137

  • Lesson 1 簡単なリスト表示(<UL>,<LI>)
    • 例題20 項目の先頭に●を付けた,簡単なリストを表示しよう
  • Lesson 2 リストに番号を付ける(<OL>,<LI>)
    • 例題21 項目の先頭に番号を付けた,簡単なリストを表示しよう
  • Lesson 3 リスト番号を変える(<LI TYPE>)
    • 例題22 リスト項目の番号を変えてみよう
  • Lesson 4 リスト番号の初期値を指定する(<OL START>,<LI VALUE>)
    • 例題23 リスト番号の初期値を指定してみよう
  • Lesson 5 定義リスト(<DL>,<DT>,<DD>)
    • 例題24 見出しと項目というような,2階層のリストを表示してみよう
  • 演習問題(やってみよう!) 23・24・25・26・27

Part 8 画像(イメージ)を表示する

  • Lesson 1 画像(イメージ)を利用するための準備
    • 1 HTMLで使える画像ファイル
    • 2 画像ファイルを格納するフォルダの用意
    • 3 フォルダ「image」を作成する
  • Lesson 2 画像ファイルを用意する
    • 1 本書で利用する画像ファイル
  • Lesson 3 画像を表示する(<IMG>)
    • 例題25 画像を表示してみよう
    • 例題26 画像の大きさなどを指定してみよう
    • 例題27 画像の配置を指定しよう
  • Lesson 4 画像とテキストの表示
    • 例題28 画像の下にテキストを表示しよう
    • 例題29 画像とテキストの配置を指定してみよう
  • Lesson 5 画像とテキストの間隔を指定する
    • 例題30 画像とテキストの間隔を指定しよう
  • Lesson 6 背景に画像ファイルを使う(<BODY BACKGROUND>)
    • 1 背景に使う画像ファイルを用意する
    • 例題31 背景に画像を指定してみよう
    • 例題32 背景の画像が動かないように指定してみよう
  • 演習問題(やってみよう!) 28・29・30・31

Part 9 リンクの設定

  • Lesson 1 他のHTML文書をリンクする(<A HREF>)
    • 例題33 いろいろなリンクを設定してみよう
  • Lesson 2 リンク位置の色を指定する
    • 例題34 通常の文字は青,リンク前は黒,クリック時は赤,リンク済みは黄緑に設定してみよう
  • Lesson 3 HTMLファイル内でリンクする(<A NAME>)
    • 例題35 同一のHTMLファイル内でリンクを設定してみよう
  • Lesson 4 他のHTMLファイルの特定の位置とリンクする
    • 例題36 他のファイルの特定の位置にジャンプするリンクを設定してみよう
  • Lesson 5 ホームページのリンクとメールの発信
    • 例題37 リンク先にホームページ(URL)やメールアドレスを指定してみよう
  • 演習問題(やってみよう!) 32・33・34

Part 10 テーブル(表)を作る

  • Lesson 1 テーブル(表)の基本構造
    • 1 テーブルの基本構造
    • 2 テーブルタグの具体的な使い方
  • Lesson 2 基本的な表の作成(<TABLE>,<TR>,<TH>,<TD>)
    • 例題38 3行3列の基本的な表を作成してみよう
  • Lesson 3 表に見出しを付ける(<CAPTION>)
    • 例題39 表にタイトルを付けてみよう
  • Lesson 4 セルの幅・高さ・文字位置を指定する
    • 例題40 セルの大きさや文字の位置を指定してみよう
  • Lesson 5 セルや枠線に色を付ける
    • 例題41 セルに色を付けてみよう
    • 例題42 外枠に色を付けてみよう
  • Lesson 6 枠線の太さやセルの間隔を指定する
    • 例題43 セルとセルの間隔を指定してみよう
    • 例題44 外枠の太さを指定してみよう
    • 例題45 セル枠から文字までの距離を指定してみよう
  • Lesson 7 表の相対的な大きさ(幅)を指定する
    • 例題46 表の幅を,ウィンドウに対する割合で指定してみよう
  • Lesson 8 表の横にテキストを表示する
    • 例題47 表を右に寄せ,その左にテキストを表示してみよう
  • 演習問題(やってみよう!) 35・36・37・38・39・40・41

Part 11 フレームで画面を区切る

  • Lesson 1 画面を左右に分割する(<FRAMESET>,<FRAME>)
    • 例題48 画面を左右に分割してみよう
  • Lesson 2 画面を上下に分割する
    • 例題49 画面を上下に分割してみよう
    • 1 画面上部に表示するHTMLファイル
    • 2 画面下部に表示するHTMLファイル
    • 3 それぞれのフレームにファイルを表示するためのHTMLファイル
  • Lesson 3 リンク先をフレ−ムに表示する
    • 例題50 リンク先をフレームに表示してみよう
    • 1 画面左に表示する,リンクを設定したHTMLファイル
    • 2 画面右に最初に表示するHTMLファイル
    • 3 それぞれのフレームにファイルを表示するためのHTMLファイル
  • 演習問題(やってみよう!) 42

Part 12 自分のホームページをデザインし,公開する

  • Lesson 1 ホームページ公開の手順
  • Lesson 2 公開するホームページを作成するときの注意
    • 1 自分のホームページをデザインするときの注意事項
    • 2 リンクの繋ぎ方
  • Lesson 3 サーバーにファイルを転送(FTP)する方法
    • 1 FTPソフトを用意する
    • 2 FTPの手順

応用問題

総合チェック問題

付録 画像ファイルの取得

解答編

索引