다양한 태그 들을 접해봅시다아~~

---

제목태그 : header 약자

• 숫자를 붙여서 사용
• 크기, 굵기별로 숫자를 다르게 사용(h1 ~ h6)
• 숫자가 클수록 크기, 굵기는 작다
• 우리가 보는 일반적인 기사제목 h2
• h2 와 h3를 자주 사용
• 프로젝트에서 h1를 로고로 사용하기도 함
• 문법
  
• 실행결과

  h1태그

  h2태그

  h3태그

  h4태그

  h5태그

내용태그(p, span)

◎ p 태그(paragraph)

• 단락(문단)으로 표현되기 때문에 가로 한줄의 영역을 전부 차지
• 남은 자리가 없으니 다음요소는 자연스럽게 '개행'
• 이기적인 태그, 이 한줄 다 내꺼야!

◎ span 태그

• 문장으로 표현되기 때문에 내가 넣은 내용(content)만큼만 본인의 영역으로 차지
• 남은 자리가 있을 때는 옆에 붙어서 배치
• 자리가 없는 경우 '개행'
• span 태그는 특징이 x (공태그)
• span 태그를 쓰든 안쓰든 결과값이 같음
• 그럼에도 쓰는 이유는?
• 시작태그가 없으면 속성값을 넣을 수 없기 때문에 특정 요소에만 다른 특징을 줄 수 가 없기 때문이다.
• 예시

  아메리카노

  아메리카노

  집에 가고 싶어요 집에 가고 싶어요
  
  수육 수육

br 태그

• 개행 태그, break의 줄임말
• 끝태그를 지워도 실행됨. 내용과 끝태그가 없기 때문에
• 내용이 별도 필요하지 않은 '기능태그'이기 때문에 끝태그를 생략할 수 있다.

hr 태그

• 수평선 추가 하는 태그, 기능 태그

  ---

tip

• 태그 * 숫자 => 그 숫자 만큼 태그가 작성된다.
• Alt + Shift + 방향키 +> 그 방향대로 한줄 복붙
• 태그 정리 => 원하는 범위 드래그 후
  Alt + Shift + F
• 단, 태그 정렬은 Ctrl + a 사용하지 않고 원하는 범위로 드래그해서 쓰기...현업가서 혼나기 싫으면😂😂
• Alt + 클릭 => 복수영역 선택

예제 _ 무지개만들기

• 결과