HTML에서 많이 쓰이는 대표적인 6가지 태그
html에서 가장 많이 쓰이는 태그 6종
<div>: 영역을 정의한다. (division)<p>: 문자 정보의 단락을 정의한다. (paragraph)<img/>: 이미지를 첨부한다. (image)(Empty element)<imput/>: 입력값을 받을 수 있는 창을 만든다. (Empty element)<button>: 버튼을 추가할 수 있다.<a>: hyperlink를 추가할 수 있다.
<div>와 <p>의 차이점
<div>는 <p>를 포함할 수 있다.
<p>는 <div>를 포함할 수 없다.
<div>와 <p> 모두 block element다.
<div>는 HTML 문서의 영역을 구분하는 용도다.
각 영역의 용도를 구별하는 기능이므로 다른 블록 요소가 하위에 포함될 수 있다.
반면 <p>는 문자 정보를 입력하는 단락을 구성하는 용도로 사용된다.
<p>의 하위 구성요소로 다른 블록 요소가 포함되어서는 안된다.
tip.
비슷하게 쓰이는 <span>은 인라인 요소다.
<span>은 HTML 문서의 인라인 요소를 하나로 묶을 때 사용한다.
스타일링을 위해서 요소들을 그룹화하거나 속성값을 공유하는 데 유용하다.
<img/>
<img src=“”/>가 기본적인 구성이다.
필수적으로 src 속성을 가진다.
src는 속성값으로 이미지소스의 주소값을 가진다.
<input />
<input />는 속성으로 type=“”을 가진다.
type의 속성값 : “text”, “number”, “password”…etc
학기가 시작되면서 당분간 HTML은 목 올릴 것 같다.