문단태그 <p>
내용상 끊어서 구분할 수 있는 부분(문단)을 만드는 태그
제목태그 <h>
제목을 표현할 수 있는 태그
가장 큰 <h1>부터 가장 작은 <h6>태그까지 제공
서식태그
<strong>, <em>, <mark>, <del>, <ins>, <sup>, <sub>
<strong>
텍스트를 굵게 표현하고 싶을 때 사용 (<b>와 동일한 기능)
<em>
텍스트를 이탤랙체로 표현하고 싶을 때 사용 (<i>와 동일한 기능)
<mark>
텍스트에 하이라이팅(형광효과)를 적용
<del>
텍스트 중앙에 가로줄을 만들어 텍스트를 지운것과 같은 효과를 줌
<ins>
텍스트 밑에 선을 그어 텍스트의 강조 효과를 줌
<sup>, <sub>
<sup>태그는 위첨자를 표현할 때 사용, <sub>태그는 아래첨자를 표현할 때 사용
HTML5의 문서구조
<!DOCTYPE html>
HTML문서의 선언. 버전 5를 나타냄
<html lang="en">
lang속성 웹 접근성에 관한 명시.
스크린 리더에서 언어를 인식하여 자동으로 음성을 변환하거나, 해당 언어에 적합한 발음을 제공할 수 있음 (한국어 = "ko" , 영어 = "en")
※ 속성에 대한 값은 따옴표를 꼭 사용하지 않아도 되지만,
속성값에 띄어쓰기가 있을 경우 문제가 발생할 수 있어 따옴표 쓰기를 권장
(쌍따옴표, 따옴표 둘다 가능)
<img src = apple.png> ( o )
<img src = 맛있는 사과.png> ( x )
<img src = "맛있는 사과".png> ( o )
<meta charset="UTF-8">
<head>태그에 정보를 추가하기 위한 태그,
charset 속성은 문자를 인코딩할 때 문자코드를 설정하는 역할을 지정
우리나라 윈도우 기본 문자셋인 EUC-KR을 사용해도 되지만, 다국어로 인코딩 하기 위해서는 UTF-8 문자셋을 사용하기 권장
<meta name="viewport" content="width=device-width, initial-scale=1.0">
모바일로 최적화된 사이트에 포함하는 META속성
정온 Tistory
이 티스토리는 학생이 제작하고 있습니다
수정사항이 있다면 댓글이나 방명록에 남겨주세요
