HTML, CSS #1
HTML (HyperText Markup Language)
Web構造を表す寸法言語
構造を整理すれば、JavaScriptで開発するときにより直感的なコードを書くことができます.
-分かりやすい
HTMLはツリー構造
<div> ~~~ </div>
Opening tag closing tag
<img ~~ /> <img ~~>
self-closing tag一般的なHTML要素(Element)
div, span
コンテンツを含むスペースのタグを作成します.
<div>div 태그는 한 줄을 차지합니다</div>
<div>div 태그2</div>
<span>span 태그는 내용 크기만큼 차지합니다</span>
<span>span 태그2</span>
<span>span 태그3</span>divラベル2
spanラベルのサイズはコンテンツのサイズと同じです
spanラベル2
spanラベル3
img
画像を含むタグ、終了タグなし
<img src="https://cdn.pixabay.com/photo/2021/08/21/21/10/animal-6563620_640.jpg">
a
ハイパーテキストリンクを含むタグ
<a href="https://www.google.com/">GOOGLE</a>li, ul, ol
リストのタグを作成
<li>목록 1</li>
<li>목록 2</li>
<li>목록 3</li><ol>목록 1</ol>
<ol>목록 2</ol>
<ol>목록 3</ol>input
各種入力を受け付けるラベル
<input type="text"> 일반 텍스트
<input type="password"> 입력 내용이 보이지 않는 텍스트
<input type="checkbox"> 체크박스, 각자 선택 가능
<input type="radio", name="choice", value="value"> radio 체크박스
<!-- radio 박스들은 같은 이름을 가진 것들 중 하나만 선택이 가능하다 -->
<!-- 입력을 받는 다른 태그들 -->
<textarea></textarea> 여러 줄을 입력가능한 공간
<button>Button</button> 누를 수 있는 버튼
Reference
この問題について(HTML, CSS #1), 我々は、より多くの情報をここで見つけました https://velog.io/@alskfl/HTML-CSS-1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol