100日後くらいに個人開発するぞ！day017

今日はHTML＆CSS初級編を復習してみた！

今日の備忘録

テキストにリンクをつける方法

• <a>タグを用いることでテキストにリンクをつけることができる
  • 定型文：<a ref="URL">アンカーテキスト</a>

画像をつける方法

• <img>タグを用いることで画像をつけることができる
  • 定型文： <img src="画像URL">
  • <img>タグはテキストを囲むことがないので終了タグが不要

リストをつける方法

• <ul>や<ol>という親要素と<li>という子要素でリストをつけることができる
  • <ul></ul>の親要素で囲むと黒点が先頭につく
  • <ol></ol>の親要素で囲むと数字が連番でつく

文字の種類を指定する方法

• 文字の種類はfont-familyプロパティで変更できる
  • font-family:フォント名;で変更できる
    • 例：h1のフォントをserifにしたい場合
      • h1{font-family:serif;}

• フォント名にスペースがある場合はダブルクォーテーションで囲む
  • 例：h1のフォントをAvenir Nextにしたい場合
    • h1{font-family:"Avenir Next";}
• font-familyには様々なフォントを指定できる
  • 「明朝体」：serif,YuMicho
  • 「ゴシック体」：sans-serif,"Lucida Grande"

コメントをつける方法

• HTML内にコメントをつける場合は<!-コメント-->で囲う
• CSS内にコメントをつける場合は/*コメント*/で囲う