スキルアップ講座 > メモ帳ではじめるHTML >
メモ帳ではじめるHTML




番外:よりよいHTML文書を書くために(6月23日)

よりよいHTML文書を書くために
META



第1回:HTMLを書くための準備(3月31日)

1-1:テキストエディタでホームページを作る
1-2:「HTML」は難しくない!!
1-3:はじめに雛形を作る
HTMLHEADTITLEBODY



第2回:文字だけのホームページを作る(4月7日)

2-1:文字だけのホームページを作る
2-2:見出しの「H1〜H6」要素
H1〜H6
2-3:本文には「P」要素
P
2-4:HTMLでの改行
BR
2-5:文章を区切る
HR



第3回:文字を飾ってみよう(4月14日)

3-1:文字を飾ってみよう
BIBIGSMALL
3-2:FONT要素で文字を飾る
FONT
3-3:BODY要素の属性で文字や背景の色を指定する



第4回:リンクを張ろう(4月21日)

4-1:文字を飾ってみよう
A
4-2:URLの仕組み
4-3:相対パスをマスターしよう
4-4:長いページの途中にリンクを張る



第5回:画像を貼り込む・その1(5月12日)

5-1:画像を貼り込む(その1)
5-2:IMG要素に必須の3属性
5-3:代替テキストの使い方
5-4:画像ファイルの形式



第6回:ブロックレベル要素とインライン要素(5月19日)

6-1:ブロックレベル要素とインライン要素
DIVBLOCKQUOTE
6-2:親要素と子要素
6-3:ブロックレベル要素とインライン要素の扱い



第7回:いろんな場所にレイアウトしよう(5月26日)

7-1:いろんな場所にレイアウトしよう
7-2:左右のレイアウトを実現する「ALIGN」属性
7-3:ALIGN属性の継承と、ALIGN属性の限界
CENTER



第8回:テーブル(基本編)(6月2日)

8-1:テーブル(基本編)
8-2:基本の3要素で作る簡単なテーブル
-3:字下げ、空行、コメント
8-4:テーブルの属性を変える その1
8-5:テーブルの属性を変える その2
TABLETRTD



第9回:画像を貼り込む(その2)(6月9日)

9-1:画像を貼り込む(その2)
9-2:ALIGN属性を使いこなそう
9-3:テキストの画像回り込み(1)
9-4:テキストの画像回り込み(2)
IMG



第10回:テーブル(応用編)(6月16日)

10-1:テーブル(応用編)
10-2:変形したテーブルの考え方


この連載で扱うHTML

!DOCTYPE
A
B
BIG
BLOCKQUOTE
BODY
BR
CENTER
DIV
FONT
H1〜H6
HEAD
HR
HTML
I
IMG
META
P
SMALL
TABLE
TD
TITLE
TR



キーワード一覧

●HTMLの書き方全般
HTML
URL
相対パス
代替テキスト
「定義」と「表現」
ハイパーリンク
マークアップ

●HTML文書の構造
ALIGN属性
入れ子
インライン要素
親要素、子要素
改行
開始タグ
終了タグ
セル
属性の継承
タグ
段落
ブロックレベル要素
フロート要素
文章の区切り
回り込み
本文
見出し
無視される(表示されない)文字
要素

●画像、デザイン
GIF
JPEG
PNG
Webセーフカラー

トップページへ


Copyright (c) Impress Corporation, Japan. 1995-2000 All rights reserved.
hpmag@impress.co.jp