HTMLベース

Intro-Web開発について
1) HTML
:構造の寸法言語(Structure)
家屋の構造を簡素化する
2) CSS
:デザイン要素を視覚化するためのスタイルシート言語(Presentation)
ex)壁面の色と材質を作成する
3) JavaScript
:簡単なWebページをプログラムに作成し、ユーザーと対話できるプログラミング言語.
ex)電球を選択し、夜に電源を入れるアルゴリズムを制定する
HTMLベース

HTMLはプログラミング言語ではありません

HTMLの構造を作成して、後でJavaScriptで開発する時やっと直観的なコード

を書くことができます

HTML(Hyper Text Markup Language)はマークアップ(markup)、すなわち構造を表す言語

を表す.
HTMLの基本構造と文法

HTMLはタグの集合

である.

Tag
:不等号(<>)を含むHTMLのデフォルトコンポーネント
タグは常にペアで存在します(オンとオフ)
タグが終了したことを示す

ツリー構造(ツリー構造)
ex)

HTML 문서 시작
  html
    head
      title: Page title
    body
      h1: Hellow world
      div: Contents here
        span: Here too!

self-closing tag
:タグの内部に内容がない場合(図示)は、
考えられる

ラベルには属性が含まれています
ex)

<img src="codestates-logo.png"/>

srcは属性です
プロパティの値は「codestates-olog.png」です.
Most used tags in HTML
1) div (division)
1行を占める
2) span (span)
コンテンツサイズ別のスペース
3) img (image)
画像ラベルを閉じる必要はありません
ex) < img src="codestates-logo.png">
4) a (link)
ex)http://naver.com”>NAVER
->「NAVER」をクリックしてページに移動
[追加]http://naver.com"target="blank">NAVER
->新しいタブページでページを開くことができます
5) < ul > & < li > Unordered List & List Item

はペア

です

無秩序リスト

整列リスト6) < input > Input (Text, Radio, Checkbox)
1. 入力フォーム
2. チェックボックス:複数選択可能
3. ラジオボタン:複数のラジオボタンから1つを選択
   ex)
   オプションA
   オプションB
   ->グループを設定しない場合は、両方を選択できます.したがって,両者のうち1つだけを選択できるようにするには,組合せを組み合わせるべきである.
   オプションA
   オプションB
7) < textarea > Multi-line Text Input
4. 改行入力フォーム(inputとの相違)
5. textareaは、開いたラベルと閉じたラベル
を記入する必要があります.
6. inputとは異なり、改行記号
になります.
8) < button > Button
Self-check
7. HTMLはmarkup言語であることが理解できます.
   自分の言葉で「構造を表す言葉」の意味を表すことができます.
8. HTMLの構造と構文を理解して適用することができます.
   Opengtag,clostingtag,self-closstingtagについていくつかの理解があります.
9. は、一般的に使用されるHTML要素(要素)を理解し、それらの違いを説明する.
   1)div,spanが何であるか,違いが何であるかを知る.
   2)ul、ol、liが何なのか、いつ使うのか知っています.
   3)input typeを設定することで様々なタイプのinputを利用することができる.
10. HTMLは、動的Webアプリケーションの構成として記述することができる.
    1)簡単なページプランはHTMLドキュメントで表現できます.
    2)idとclassを的確に使用することで、人やコンピュータが読みやすい、意味のあるHTMLドキュメントを作成することができる.
    3)HTML 5の意味タグを適切な場所に用い,人やコンピュータで読みやすい詩的なHTML文書を作成することができる.