5日目-HTML


Achievement Goals

  • HTMLをCSSに適用し、JavaScript開発に使用できるProgrammableを作成できます.
    -> O
  • HTMLはMarkup言語であることが理解できます.
    -> O
  • は自分の言語で「構造を表す言語」の意味を表すことができる.
    -> O
  • HTMLの構造と構文を理解して適用することができます.
    -> O
  • Opentag、Closetting tag、self-closetting tagについて理解しています.
    -> O
  • は、一般的に使用されるHTML要素(Element)を理解し、それらの違いを説明する.
    -> O
  • div、spanラベルが何なのか、どんな違いがあるのか説明できます.
    -> O
  • ul、ol、liは何なのか、いつ使うか知っています.
    -> O
  • inputタイプを設定して、複数のタイプの入力を利用することができます.
    -> O
  • の動的Webアプリケーションに対してHTML構造を作成することができます.
    -> O
  • の簡単なWebプランはHTMLドキュメントで表すことができます.
    -> O
  • idとclassを使用すると、人やコンピュータが読みやすく、意味のあるHTMLドキュメントを作成できます.
    -> O
  • HTML 5の意味タグは、必要に応じて、人とコンピュータが読みやすい可視化HTMLドキュメントを作成することができる.
    -> O
  • HTMl



    まずよく使うtagを学び、残り130個以上~以上のtagは必要なときに検索して使うのがベストです.私はhtmlのダウンロードが比较的に简単だと思って、だから直ちに探し出して学ぶことができます.

    <html>、<head>、<body>タグ


    htmlは
    <html>
     	<head>
     	</head>
    	<body>
    	</body>
    </html> 
    構造からなる.下の写真を見ると、一気に理解できるようです.

    <p>ラベル


    上図では、<body>タグの下に<p>タグが表示され、この<p>タグは
    カナダラマバサ
    アザチャカタパ川<p>バナナ</p>カナダラマバサ
    アザチャカタパ川

    <h>ラベル


    hラベルはタイトルラベルで,1から6,1が最大,6が最小である.ブログを書いたことがあるなら、h 1、h 2~h 6が見えます.
    hタグはhtmlの中でかなり重要です.グーグルの検索エンジンはh 1タグをタイトルとして認識し、検索結果に送信します.使い方は<h1></h1>のように入力すればよい.

    <div>および<span>タグ


    divとspanラベルは一見差が少ないと勘違いするかもしれませんが、10回くらい使うと違います.
    divは改行を伴う必要があり、spanは改行しない.
    divはすべての幅(blockプロパティ)を割り当て、spanはコンテンツ(行内プロパティ)のみを割り当てます.

    タグを開く、閉じる、空のタグ


    マークの多くは、開いたマーク<p>で始まり、閉じたマーク</p>で終わる.
    一部のラベルは閉じる必要はありません.彼らは空のラベルと呼ばれています.空のラベルでよく使用されるリストは次のとおりです.<img><link><br><meta><source><embed><input><source>などがあります.

    <ul>、<ol>、<li>ラベル


    ulは無秩序な略語で、未整理のリストを表す.

    使用時は上図のようになります.ulはliラベルをサブ要素として使用する必要があります.
    olはOrderedの略で、リストを表します.リストに順序が必要な場合に使用します.

    使用する場合は、liタグをサブ要素として使用する必要があります.
    Liはlistmlの略で、リストを表します.アイテムをリスト形式で表示します.
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    に表示されます.
    dldtddラベルもありますが、使うものがよく見えないようで、必要なときに探して使います.

    <input>タグ


    inputラベルは、ユーザーから値を取得するために使用されます.
    inputラベルには属性値がたくさんあります.<input type="button" id="button1" onclick="button1_click();" value="버튼1">四角形の作成ボタンを使用して、ボタンをクリックすると、ボタン1に対応する値のイベントが発生します.
    残りもあまり使わないし、使い方も悪くないので、下のリンクで必要なときに書いたほうがいいです.
    https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input

    <a>ラベル


    実は最も重要なラベルですhrefプロパティを使用して、リンクをハイパーリンクとして作成します.
    もし<a href="http://www.naver.com">Go NAVER</a>だったら、私は今あなたにNAVERで見せます.
    target=「blank」を追加すると、新しいラベルページが開きます.

    Semantic tag



    コンピュータも開発者も理解できる有意義なタグをSemantic tagと呼ぶ.
    divやspanのような意味のないラベルは、コンピュータや開発者が何のためにマークされているのか理解できません.(ここで、コンピュータはグーグル検索エンジンや他のポータル検索エンジンを意味する)だから、意味のないラベルを使わないで、できるだけ意味要素を使うべきです.

    if(a)のaとBooleanを比較する方法


    今日問題を解く時、ifの中の条件式は本当で、しかし{}の中の式は実行していないで、少しおかしいと感じて、だから探してみました...
    let a = 5
    
    if(a ===true){
      return true
    }
    
    if(a == true){
      return true
    }
    trueの戻り値を得るには、aをBooleanタイプに変換するか、if(a)と呼ぶことができます.
    a=trueとa==trueは誤った比較方式である.==は両側の値を比較するだけなので、==は値とタイプを比較することもできます.
    改めて説明します.
    aはNumberタイプであり、値は5、trueはBooleanタイプであり、値は1であるため、==と===で比較するのは誤った比較である.したがって,Boolean(a)==trueまたはBoolean(a)=trueを条件文に入れるか,aを1つだけ入れるだけでよい.