HTMLの練習





HTMLでのサイト作成


ブラウザで実際に表示されるサイト

・Windowsからスクリーンショットしました
自分で画像を当てはめてみました
・macからスクリーンショット

CSSで色を変換したもの

Terapad(エディタ)、Google Chrome(ブラウザ)で動くサイトにする。
Tabは四文字下げる設定にしておく。
Windowsの場合、表示→タブの文字数4にする。
※字下げの時に全角スペースをすると、エラーが起こってしまうので
表示→オプションの中の表示→マークに全部チェックをする。
・head→文字の情報
・body→文の本体
HTMLの中にheadやbodyをいれる
【headの中に入れるもの】
title→検索結果に表示されるもの
href→CSS、images
rel→アイコン、スタイルシール→外部のスタイルシート
【body】レイアウト・文の種別・単語の種別・埋め込み
・section→〈h1〉〈p〉など
・h1〜h6
画像は〈img〉
src→画像
alt→テキスト
wigth→横幅
hight→縦幅
保存の仕方
・文字/改行コード指定保存
文字→UFTー8Wで保存する
・section classとは?
→複数のHTML要素をグループ化しておくこと
・iframe→HTMLに別のHTMLファイルを埋め込むためのもの(Googleマップなど)


コメント