[HTML] 자주 사용하는 태그 정리

• div : 진짜 레알 많이 사용하는 태그. 섹션 안에서도 구분지을 때 사용.
• ul,li : 리스트 세트 태그. 리스트 세트 태그인데 웹사이트 메뉴바 만들 때도 사용한다.

• input : 검색란처럼 뭔가 입력 받을 때 사용. ex) <input type="text" />
• span : 인라인 요소들을 하나로 묶을 때 사용한다고 한다. 아직 div와 구분이 가지를 않는다.
• h1,h2,h3… : 제목을 나타내는 태그. 뒤에 숫자가 커질수록 크기가 줄어든다.
• p : 단락을 나타낸다. 위,아래로 약간의 여백이 생긴다.
• a : 하이퍼링크를 정의할 때 사용한다. 아래 예시와 같이 사용하면 된다.

Ex1)

<a href="/" class="logo">
	<img src="./images/starbucks_logo.png" alt="STARBUCKS" />
</a>

Ex2)

<li>
	<a href="/signin">Sign In</a>
</li>

 

<div>, <span>tag의 차이점

 

■  <div> : 화면 전체를 쓰는 애들. content에 해당하는 <div>라는 텍스트가 행 전체를 차지하고 있다.

​

■ <span> : 자기 content 만큼의 테두리를 쓰는 애들. content에 해당하는 <span>이라는 텍스트가 자기만큼의 공간을 차지하는 것을 볼 수 있다.