HTMLについて

9229 ワード
html beginner frontend テキストリンク
🥴 HTMLについて
  • Hyper Text Markup Language (HTML)
  • 拡張子はhtmlです.
  • Hyper Textはリンクを表します.
  • ラベルと要素が同じだと思えばいいだけです.
    整理…!
    タグ、プロパティ、タグのネスト、空のタグ、スペース、コメント+ドキュメントのデフォルト構造
    • 📌 タブ
  • ラベルは、ブランドを意味します.
  • ラベルは意味があり、意味に従って使用するべきです.
  • 寸法言語では、タグが使用されます.
    • <h1>내용-실제로 브라우저에 나타내는 내용을 의미한다.</h1>
# <h1> 시작 태그를 의미한다
# </h1> 종료 태그를 의미한다
    📌 属性プロパティ
  • 名で、値から構成されています.
  • 名前="値"または"値"
  • ラベルには複数のプロパティがあります.
  • idとclassが代表的です.
    • <h1 id='title'>내용-실제로 브라우저에 나타내는 내용을 의미한다.</h1>
<h1 id='title' class='test'>내용-실제로 브라우저에 나타내는 내용을 의미한다.</h1>
    📌 ネストされたラベル
  • の中のラベルは親のラベルから離れてはいけません.見逃せないよ
  • は例外で、固定ラベルのみが使用できます.
    • <h1>, <i>, </i>, </h1> (o)
<h1>, <i>, </h1>, </i> (x)
    📌 空のラベル
    <br>
<img src=''> # 이미지 삽입하기
    📌 空きスペース
  • 1以上のスペースはすべて無視されます.結果は同じです.
    • <h1>Hello, HTML</h1>
<h1>Hello,     HTML</h1>
<h1>
Hello, 
HTML
</h1>
  • 便も同様の結果となった.行を書く理由は、これから勉強しながら知ることです~!
    • 📌 アノテーションアノテーションタグ
    <!--주석을 달 내용을 적어주기-->
<!--HTML은 한 칸 이상의 공백을 무시한다-->
<!--HTML은 심지어 개행도 무시한다-->
    📌 ドキュメントのデフォルト構造HTMLドキュメント
  • 文書の基本構造HTML文書
  • doctype
  • html - head, body
  • lang:タグ言語に入ります.どんな言語で書いたのですか.
  • charset:書き込み符号化.
  • titleはブラウザラベルバーに入ります.
    • <!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML 문서의 기본 구조</title>
</head>
<body>
    <h1>Hello, HTML</h1>   
</body>
    🌿22.01.10~16 WIL(4)
    TrewindJSのスタイルコンポーネント