태그의 구분

• 블록 레벨 요소를 만드는 태그
• 인라인 요소를 만드는 태그

블록 레벨 요소

• 자기가 속한 영역의 너비를 모두 차지하여 블록 형성
• 기본적으로 텍스트 테그는 블록 레벨

예시

인라인 요소

• 자기에게 필요한 만큼의 공간만 차지
• < strong > - 볼드 처리
• < em > - 이탤릭체 처리
• < mark > - 형광색 처리

예시

---

이미지 태그

• 이미지를 표시할 때 사용하는 단일 태그
• 이미지에 대한 정보를 속성으로 지정

기본 형태

< img src="imagefile" alt="이미지 설명"/ >

속성

• src : 이미지의 위치정보와 파일명을 입력받는 속성(url)
  • url : 이미지가 어디에 있는지 알려주기 위해 사용하는 형식
• alt : 이미지 로딩에 실패한 경우 출력되는 텍스트
  • 음성인식기가 이미지 대신 사용해 시각장애인에게 서비스할 때 유용
• width : 이미지의 너비값(int)
• height : 이미지의 높이값(int)

예시

컨테이너 태그

• 여러 요소를 묶어 관리하게 편하게 만드는 역할
• 콘텐츠 내용 구분, 공통적인 스타일 적용시 사용

< div >

• 블록 레벨 컨테이너

예시

< span >

• 인라인 컨테이너

예시

---

전역 속성

• html 태그에서 공통으로 사용할 수 있는 속성
• 각 태그가 시작될 때 정의
• 개수에는 특별한 제한 없음

대표적인 전역 속성

• id : 이름으로 식별, 태그당 하나씩만 지정 가능
• class : 그룹 별로 묶어 식별, 다중 지정 가능
• style : css 스타일 선언
• title : 툴팁 제공 등 추가 정보 제공

예시