HTML_11강

textarea와 select 태그

태그 빨리 입력하는 법

input:button입력시 자동완성을 사용하면 <input type="botton" value=""> 완성

input:range 입력시 자동완성으로 <input type="range" name="" id="">

내용물을 가지지 않는 태그<>
내용물을 가지는 태그<></>

textarea

글을 입력할 수 있는 네모난 공간
<textarea name ="" id="" clos="30" roows="10"></textarea>

결과:

select

옵션 메뉴를 제공하는 컨트롤

<select name="과일">
	<option value="">바나나</option>
    <option value="">수박</option>
    <option value="">참외</option>
</select>

결과:
<option value="">바나나</option> <option value="">수박</option> <option value="">참외</option>

HTML_12강

공간 분할 태그

<div>Block</div>
<div>Block</div>
<div>Block</div>
<div>Block</div>

<!--ctr + art로 여러 줄을 한 번에 선택해서 작성 가능-->
<span>Inline</span>
<span>Inline</span>
<span>Inline</span>
<span>Inline</span>
<span>Inline</span>

결과:

Block

Block

Block

Block

Inline Inline Inline Inline Inline

공간 분할

• Block: 켜켜이 쌓이는 건물의 층같은 존재
• Inlinle: 한 줄에 차례로 나열되는 벽돌같은 존재

그 동안 배운 태그들의 공간

<h1>h1은 블록</h1>
<p>p는 블록</p>

<a herf=""></a>
<b>b는 inline 태그</b>
<i>i는 inline 태그</i>
<input type="text">input은 inline 태그

결과:

h1은 블록

p는 블록

b는 inline 태그 i는 inline 태그 input은 inline 태그

예외의 존재도 있음..