2022-03-04 HTML_4

HTML에서 많이 쓰이는 대표적인 6가지 태그

youtube 참고영상

html에서 가장 많이 쓰이는 태그 6종

1. <div> : 영역을 정의한다. (division)
2. <p> : 문자 정보의 단락을 정의한다. (paragraph)
3. <img/> : 이미지를 첨부한다. (image)(Empty element)
4. <imput/> : 입력값을 받을 수 있는 창을 만든다. (Empty element)
5. <button> : 버튼을 추가할 수 있다.
6. <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은 목 올릴 것 같다.