１日目まとめ

1日目のまとめ

HTML（エイチティーエムエル）

・Webページを作るためのプログラミング言語

・要素がいくつか集まっているのも

・headとbodyの要素で出来ている

CSS（シーエスエス）

・Webページのスタイルを指定する言語

HTMLの初めにする事

①〈！DOCTYPE  HTML〉

・HTMLである事、どのバージョンであるか、

　このドックタイプに従いますと宣言する事

②〈html  lang＝"ja"〉

・言語は日本語と指定する事

頻出タグ（終了タグあり）

〈h1〜6〉見出し

〈a〉リンクを貼り付ける

〈p〉段落

〈ul〉箇条書き

〈title〉検索エンジンに示されるタイトル

頻出タグ（終了タグなし）

〈img〉画像

〈link〉CSSファイルと結びつける

〈br〉改行

タグは基本的に属性と属性値を一緒に表示

・〈タグ　　属性＝"属性値"〉で表示される！

a → href 外部ファイルを指定（url等）

link → rel 現在のファイルとの関係性を表示

img → src画像ファイルの場所  altテキスト表示

※linkでhref属性でファイルを指定する際、相対パスで指定する

・指定ファイルが現在と同じフォルダ

　ファイル名のみ

・下のフォルダ

　フォルダ名/ファイル名

・上のフォルダ

　../ファイル名（一個上の場合）

　../..ファイル名（2個上の場合）

CSSの流れ

①セクレタ{

               ②プロパティ:③値;

　　　　}

①セクレタ　＝どこを

②プロパティ＝どのように

③値　　　　＝どうする

で表示

セクレタを特定の箇所だけ変更する場合

①id属性を使う

html表示

〈p  id＝"red-word"〉

css表示

#red-word{
   color:red;

   }                   

※#を使う事でセクレタになる

②class属性を使う

html表示

〈p  class="word-red"〉

css表示

 .word-red{
    color:red;

  }
※.を使う事でセクレタになる

！classの方が汎用性が高い

！全てのhtmlタグに使用できる

！複数回使用可能

ここまで学習しました。

続きは明日。