HTML TEXT 작성법

HTML 의 주요 작업이 브라우저에 텍스트 정보가 올바르게 표현될 수 있게 하는 것이다.
텍스트를 효과적으로 웹브라우저에 표현하는 방법을 정리해본다.

제목과 단락

Headings

<h1>~<h6> 문서의 헤더를 작성할 때 사용합니다
페이지 내에서 바로가기 기준으로 설정할 때가 많습니다

 

주의사항

• 가급적이면 페이지 당 하나의 <h1> 만 사용해야 합니다. 검색엔진이 검색하는 데 어렵습니다.
• 계층적으로 순서를 올바르게 사용하세요. <h3> 하위로 <h2> 를 두지마세요.
• 3종 이상의 heading 을 사용하지 마세요. 그래야 할 경우 페이지를 나누세요.

단락 Paragraphs

<p> 글의 단락을 설정하는 태그 입니다.

리스트 List

• ul : 순서없는 목록 (Unordered List)
• ol : 순서있는 목록 (Ordered List)

중요와 강조

• <em> : 중요(Emphasis) 글에서는 단어에 강세를 두기 위해 이탤릭체로 표현 (화면판독기에 인식되면 다른 톤의 목소리로 표현됩니다.)
• <strong> : 강조 - 중요한 단어를 강조하기 위해 강세를 두고 말하거나 글자를 두껍게 표현 (화면판독기에 인식되면 다른 톤의 목소리로 표현됩니다.)

Italic, bold, underline

• <i> : 글꼴을 기울인다
• <b> : 글꼴을 굵은 글씨로 표현한다
• <u> : 글꼴에 밑줄을 친다. 링크가 걸렸다고 착각할 수 도 있다

글자서식 Formatting

글자를 style 을 활용해서 꾸밀 수 있지만 서식 태그로 꾸밀 수 있다.

• <mark> : text 에 마크
• <small> : text 크기를 작게
• <del> : 취소선
• <ins> : 밑줄
• <sub> : 아래첨자
• <sup> : 윗첨자

사용예제