読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

1か月授業内容まとめ - HTMLとCSSを理解する

HTMLの重要性

  • Webを勉強するときの基本要素

f:id:web-css-design:20160911153716p:plain

  • この中で最も重要なものは、「HTML」です
  • HTMLがないとブラウザにWebページを表示できません

HTML

developer.mozilla.org

  • HTML (HyperText Markup Language) は web ページのもっとも基本的な構成成分であり、Web ページの製作および視覚的な表現に利用されます
  • HTML は web ページの機能ではなく、内容を決めるものです

CSS

developer.mozilla.org

  • CSS (Cascading StyleSheets) は ブラウザ で Web ページの見た目を調整する宣言型の言語です
  • Web ブラウザは、指定された要素を適切に表示するために CSS スタイル宣言を適用する働きを持ちます
  • スタイルの宣言には、Web ページの見た目を決定するプロパティとプロパティの値が含まれています

はじめに構文を覚える

  • HTMLの構文と要素をマスターすることに注力するべし
  • 新しい機能はそれからでも遅くはありません

コードエディターを選ぶ

  • コードがわかりやすく表示することができる
  • 編集するスピードが上がる機能がある


f:id:web-css-design:20160911172646p:plain

Adobe Brakets

http://brackets.io/

  1. 閉じタグは、終了タグの「<」を入力後に自動入力される
  2. インデントを挿入しない
{
    "closeTags": {
        "dontCloseTags": [],
        "indentTags": [],
        "whenClosing": true,
        "whenOpening": false
    },
    "smartIndent": false,