Web演習・課題

ex01.html　文字列の表示
ex02.html　複数行の文字列の表示
ex03.html　<img>タグで写真を表示
ex04.html　<br>タグで改行
ex05.html　htmlファイルをコピーし、類似のページを作る
ex06.html　<a>タグで別ページへジャンプ
ex07.html　外部のページへジャンプ（同一画面内で遷移）
ex08.html　外部のページへジャンプ（別画面で遷移）
ex09.html　外部のページへジャンプ（復習）
ex10.html　<div>タグでページの枠組みを作る
ex11.html　<link>タグでHTMLファイルとCSSファイルを関連付ける
ex12.html　style.cssファイルを記述する
ex13.html　ブロックの高さや文字サイズの指定
ex14.html　画面やページの背景色、ブロックの余白を指定
ex15.html　案内する場所の道順を記入
ex16.html　字下げ（内余白）を設定
ex17.html　文章の中の文字列にリンクを設定
ex18.html　写真と色調を変更しイメージを変える
ex19.html　背景イメージの設定
ex20.html　メニューの構造を学ぶ
ex21.html　Gナビの設定
ex22.html　Gナビ・ポイント箇所が別の色
ex23.html　影を付けて立体感を出す
ex24.html　Gナビに画像ボタン
ex25.html　メイン写真にメッセージを表示（画像を差し替え）
ex26.html　メイン写真にメッセージを表示（HTMLとCSSで文字を重ねる）
ex27.html　簡易サイトの制作
ex28.html　ランディングページの制作
ex29.html　ランディングページの制作（トップへ戻る）
ex30.html　ランディングページの制作（ヘッダー部分を固定）
ex31.html　テーブルの原型➀
ex32.html　テーブルの原型➁
ex33.html　テーブルの幅、列幅、セル内の配置
ex34.html　テーブル作成の復習
ex35.html　セルの縦結合、横結合
ex36.html　行高と列幅、テーブル幅
ex37.html　レイアウトの復習
ex38.html　写真に影を付ける
ex39.html　めくれた感じ
ex40.html　写真傾き
ex41.html　写真の傾きに影付き
ex42.html　写真が角丸四角形
ex43.html　写真が角丸四角形に影付き
ex44.html　写真が楕円で切り抜き
ex45.html　写真が楕円で切り抜きに影付き
ex46.html　写真が円で切り抜き
ex47.html　写真が円で切り抜きに影付き
ex48.html　写真が重ね置き
ex49.html　写真の周辺をぼかし
ex50.html　文字の白くくり
ex51.html　文字の影