TIL 21.04.09


HTML


(Hyper Text Markup language)
ドキュメント構造またはドキュメント内容を記述する言語.
ウェブフレームワークを作る言語です.

How to use HTML?

  • HTMLはtagの集合です.
  • TAG:不等号(<>)のHTMLの基本コンポーネント
  • <!DOCTYPE html>	//이 문서가 HTML 문서임을 명시
    <html> 
    	<head> 
      <title>Page title</title>
      	</head>
      <body>
        <h1>Hello world</h1>
        <div>Contents here
          <span>Here too!</span>
        </div>
      </body>
    </html>
  • html拡張子を使用します.
  • TAG


    tag(タグ)&content(コンテンツ)
    HTMLでは、画像やテキストを描くには、対応するタグが必要です.
    するとブラウザは「ああ、これだったのか!」と言います.わかる.<태그이름>내용</태그이름>ラベルは上のように<>で囲まれており、ブラウザにはラベル以外の内容しか表示されません.
    内容左は시작 태그(opening tag)です.
    内容右側は종료 태그(closing tag)です.

    self-closing TAG


    上記のように、タグは通常(<>)タグを使用して閉じたタグを後ろに貼り付けます.
    ただし、ラベルを閉じるラベルは存在しません.
    ラベルに内容がない場合は、
    (<tag``</tag>のように)<tag/>と表現することができる.

    MOST USED TAG

    <html>/ 기본 형식 입력 html 문서임을 명시
    <div>/ content division을 의미하며, 줄바꿈됨 한줄을 차지함
    <span>/ 줄바꿈이 없는 content 컨테이너 그 부분만 차지함
    <strong>/ 글씨를 진하게
    <img src> 이미지
    <u>/ 글씨 밑줄
    <h1>/ ~6 제목 크기
    <br> 줄바꿈 (여러개 사용 가능)
    <p>/ 단락
    <img src=" "> 이미지 넣기
    width=" " 이미지 크기
    <li>/ 리스트로 인식 (자식태그)
    <ul>/ 리스트를 구분지어줌 (부모태그)
    <ol>/ 리스트 넘버링
    <title>/ 웹페이지 제목
    <meta charset=" "> 문자 형식
    <head>/ 제목 설명 태그
    <body>/ 본문 설명 태그
    <a href=" ">/ 링크걸기
    target="-blank" 새탭으로 열기
    <title>=" " 링크에 커서 올렸을때 제목 보이기 
    <input > 입력폼
    Text, Radio(옵션a,b선택)[name을통해 옵션의 그룹설정], Checkbox)
    <textarea>/ 줄바꿈이 되는 입력폼
    <button>/ 버튼
    以上のラベルを利用して,学習ビデオに従って作成した.
    <!DOCTYPE html>
    <html>
        <head>
                <meta charset="UTF-8" />
                <title>제목</title>
        </head>
        <body>
            <div>div태그는 한줄 공간만큼 차지합니다.</div>
            <div>division 2</div>
            <span> span 태그는 컨텐츠 크기만큼 공간을 차지합니다</span>
            <span>span 2</span>
            <span>sapn 3</span>
            <div>division 3</div>
            <img src=james.jpg width=500 height=650>
            <br> <a href="https://codestates.com" target="_blank">코드스테이츠</a>
    <br><br><br><br><br>
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>"Item 3 has nested list"
                    <ul>
                        <li>Item 3-1</li>
                    </ul>
                </li>           
     <br><br><br><br><br>
            <div>며
            ID<input type="text" placeholder="type here">
            </div>
            <div>
            password<input type="password" >
            </div>
            <div>
            <input type="checkbox">로그인 기록
            </div>
            <div>
                <input type="radio" name="option1">옵션a
                <input type="radio" name="option1">옵션b
            </div>
            <div>
                <button>로그인</button>
            </div>
    <br>
            <textarea></textarea>
        <br><br><br><br><br>
              </body>
    </html>
    これはvisualsutdio codeで作成され、実行された結果です.
    不足は多いが、Web開発の基本フレームワーク
    いろいろなラベルで作られています.

    その他


    solo study


    理解に乏しい理論に対してgooglingとyoutubeのビデオを通じて
    勉強と自分の勉強の仕方を練習する時間のようです.
    理論に基づいて、コフリットが触れられなかった問題を再び解く.
    水道コードで解けます.
    しかし、どのように勉強すればもっと効率的になるかを考える必要があると思います.

    に感銘を与える


    首都コード最高😎
    時間をより効果的に利用する方法を考えてみましょう
    コプリットは難しすぎる.