[TIL]Web開発、HTMLベース


💡 活動会議の議事日程をまとめるTIL


✔️ chapter. Web開発について

  • HTML - Structure
  • CSS-スタイル文書
  • を視覚化する方法
  • JS - Interaction
  • ✔️ chapter. Visual Studio Code

  • Visual Studioコードを使用してHTMLおよびCSSファイル
  • を生成する方法

    ✔️ chapter. HTMLの基礎

  • Hyper Text Markup Language
  • プログラミング言語x
  • 言語、Webページのスケルトン構造を表す
  • タグ(不等号<>)の集合
  • Tree Structure
    HTMLデフォルトテンプレートフォーム生活コード
  • <!DOCTYPE html>
     <html>
      <head>
       <meta charset="utf-8">
       <title></title>
      </head>
      <body>
      </body>
    </html>
  • 構造と構文Opening tag < tag >closing tag self-closing tag < tag/>
  • 要素
    タグ(MDN検索)<p>段文壇<div>コンテンツパーティションの意味、改行、1行//大領域を区別するためのJiyang<span>内容容器、改行せず、内容空間のみを占有
    1つの領域を分割するために、<section>ページの重要な単位の任意の集合として使用することができる.<ul> Unordered List<ol> Ordered List<li> List Item<img src(attribute name속성의 이름) = "(attribute value속성의 값)" >画像//クローズラベルなし<input>入力(テキスト、ラジオ)、チェックボックス(複数選択)入力ウィンドウ
    ex.
    ID <input type="" placeholder="">a <input type="radio" name="choice" valus="a">ab <input type="radio" name="choice" valus="b">b <textarea>行のテキストInputウィンドウで改行可能<button> Button
    ページで<a href=""> linkを開く<a href="" target="_blank"> linkの新しいウィンドウでページを開く<script> JavaScriptの実行
    ex.<script src="my-java-script.js"></script>
  • スタイルの指定idは1つの使用のみを指定し、ユニーク(#name)classグループは、スタイル(.name)
  • を指定するために使用される.
    https://developer.mozilla.org/ko/docs/Web/HTML/Attributes