HTMLのしくみから基本 応用まで ちょこっとづつお勉強していきましょう!

はじめに

● HTMLってなに?
● ホームページが見えるしくみ
● URLの意味を理解しよう

● html と htm
● HTMLの構造
● 要素・タグ・属性と値

Lesson 1 ページ情報の設定

● ページにタイトルを入れてみよう
● ページ情報を記述しよう
● metaタグを挿入してみよう

● ホームページビルダーを立ち上げてみよう
● ページにタイトルを入れよう(HPB)
● ページ情報を記述しよう(HPB)

Lesson 2 テキスト 

● 改行と段落
● 見出し
● 太字と斜体
● 強調タグ
● 中央 右寄せ 左寄せ
● ページ全体を中央揃え
● 文字の大きさを変えてみよう(1)
● 文字の大きさを変えてみよう(2)
● 文字の色を変えてみよう

● その他の文字スタイル
● フォントの種類を変えてみよう
● 文字をスクロールさせよう
● 文字を点滅させよう
● 文字にルビをふる
● 上付文字 下付文字
● 改行させないようにするには
● 入力したとおり表示させるには
● 特殊文字を表示させるには     
Lesson 3 ページ

● ページの背景色を指定しよう
● 背景に画像を入れてみよう
● 壁紙を固定してみよう
● スタイルシートで壁紙を指定しよう
● テキストの色を指定しよう

● スタイルシートでテキストの色を指定
● 横罫線を入れてみよう
● 罫線に色をつけてみよう
● ページにマージンを指定しよう
● インデントを指定しよう

Lesson 4 リスト

● リストを作ろう
● 番号付きリストを作ろう
● リストのマークを変えてみよう

● 番号付きリストのマークを変えてみよう
● リストの開始番号を変更するには
● リストの連番を変更するには

Lesson 5 画像

● 画像を貼り付けてみよう
● 画像に枠線を指定しよう
● 画像の表示サイズを指定しよう
● 画像に対するテキストの位置

● 画像にテキストを回り込ませよう
● テキストの回り込みを解除する
● 画像をスライスして表示しよう
● イメージマップを作ってみよう

Lesson 6 リンク

● リンクを貼ってみよう
● 場所を指定してリンクしてみよう
● 別ページに場所を指定してリンクしよう
● リンク先を新しいウィンドウで開く
● メールにリンクを貼ってみよう
● 画像にリンクを貼ってみよう
● クリックするとページが閉じるリンク

● 直前のページに戻るリンク
● リンクの下線を消す
● リンクの色を変えてみよう
● リンクの色を変えてみよう その2
● スタイルシートを使ったリンクの小技
● ロールオーバーを使ったリンク
● プルダウンメニューを使ったリンク

Lesson 7 テーブル

● テーブルを作ってみよう
● テーブルに見出しを付ける
● テーブルの枠線を指定する
● テーブルのサイズを変えてみよう
● セルのサイズを変えてみよう
● テーブルにタイトルを付けよう
● セル内のテキストの位置を指定しよう
● テキストに対するテーブルの位置
● テキストの回り込みを解除しよう
● テーブルとテキストの間隔を指定しよう
● セルの間隔を指定しよう
● セルのマージンを指定しよう

● 枠線の色を指定しよう
● 枠線の色を変えてみよう
● 外枠の表示方法を指定しよう
● 内罫線の表示方法を指定しよう
● テーブルに背景色を指定しよう
● テーブルに背景画像を指定しよう
● セル内の改行を禁止する
● セルを連結させよう
● 行をグループ化しよう
● 列をグループ化しよう
● 列にまとめて属性を指定しよう

Lesson 8 フレーム

● フレームのしくみを知ろう
● フレームページで気を付けること
● フレームページを作ってみよう
● フレーム境界線の表示・非表示
● フレーム境界線の固定
● フレーム境界線の幅を指定する
● フレーム境界線に色を指定する
● フレーム枠からのマージンを指定する
● スクロールバーの表示・非表示
● フレームを使ったリンク その1
● フレームを使ったリンク その2
● フレームのネストとは
● フレームを使ったリンク その3
● フレームを表示しない環境への配慮

● インラインフレームって何?
● インラインフレームを作る
● インラインフレームの大きさを変える
● インラインフレームの枠線を指定する
● インラインフレームのスクロールバー指定
● インラインフレームのマージン指定
● インラインフレームのリンク指定
● インラインフレームを表示しない環境への配慮

Lesson 9 フォーム

● 入力フォームを作ろう
● フォームをメールで送信
● 送信ボタン
● リセットボタン
● 画像を使った送信ボタン
● ボタンを作る
● テキストの入力フィールド(1行)
● テキストの入力フィールド(複数行)

● 隠しフィールド
● ラジオボタン
● チェックボックス
● プルダウンメニュー
● リストボックス
● 選択メニューの階層化
● 入力項目のグループ化
● 部品にラベルをつける

Lesson 10 その他

● スタイルシートを使うには
● スクリプトを使うには
● スクリプトが表示されないときの配慮
● 音楽を流すには

● プラグインを使用するには
● いろんな形式のデータを扱うには
● Javaアプレットについて

 

 

 

 

ホームページは難しくない Topへ

当ホームページは リンクフリーです! 
Copyright (C) 2004. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。