TIL 21.04.09
22268 ワード
HTML
(Hyper Text Markup language)
ドキュメント構造またはドキュメント内容を記述する言語.
ウェブフレームワークを作る言語です.
How to use 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>
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のビデオを通じて
勉強と自分の勉強の仕方を練習する時間のようです.
理論に基づいて、コフリットが触れられなかった問題を再び解く.
水道コードで解けます.
しかし、どのように勉強すればもっと効率的になるかを考える必要があると思います.
に感銘を与える
首都コード最高😎
時間をより効果的に利用する方法を考えてみましょう
コプリットは難しすぎる.
Reference
この問題について(TIL 21.04.09), 我々は、より多くの情報をここで見つけました
https://velog.io/@woals3000/TIL-21.04.09
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(TIL 21.04.09), 我々は、より多くの情報をここで見つけました https://velog.io/@woals3000/TIL-21.04.09テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol