제목 태그와 글씨를 굵게 해주는 태그

제목 태그와 글씨를 굵게 해주는 태그는 블로거라면 태그를 모르더라도 일상 속에서 항상 쓰고 있습니다.
지금부터 HTML의 진짜 기초 중에 기초의 문법을 공부하면서 제목 태그와 글씨를 굵게 해주는 태그를 배워보겠습니다.

지난 포스트

HTML 포스팅을 시작하겠습니다.

HTML 포스팅을 시작하겠습니다. 포스트의 내용은 생활코딩의 HTML 강의를 기반으로 하겠습니다.

HTML의 기본 문법

아래 영상들의 썸네일이 뜨지 않아도 당황하지 마세요. 재생을 누르면 플레이 됩니다.

글자 굵게하는 태그 <strong> or <b>

b 와 strong

안녕하세요. <strong>미스티</strong>입니다.
안녕하세요. <b>미스티</b>입니다.

글씨를 굵게 만들어주는 태그에는 <strong>과 <b>가 있습니다.
둘 다 겉으로는 똑같이 글씨를 굵게 해주는 효과입니다.
그런데 두 태그에는 차이가 확실히 존재합니다.
b 태그는 그냥 단순히 시각적으로만 글씨를 굵게 만들어줍니다.
하지만 strong 태그는 중요한, 강요할 필요가 있는 단어나 문장을 묶는 태그로 시각 장애인이 웹페이지의 내용을 귀로 들을 때, strong 태그로 묶여있는 단어나 문장은 더 강조해서 읽어준다고 합니다.

제목 태그 <h1>~<h6>

제목 태그 h1 ~ h6

<h3>안녕하세요.</h3>
미스티입니다.

제목 태그에는 h1부터 h6까지 있습니다.
큰 제목에는 h1을 쓰고, 그 안의 부제목에는 h2, 또 그 안에서 더 작은 제목을 만든다면 h3..
이런 식으로 사용합니다.
블로그에 글을 쓰시는 분은 에디터에서 글을 드래그해서 제목으로 지정하거나 굵게 설정하는 것으로 자동적으로 h 태그나 b 태그를 사용하게 됩니다.
(에디터로 글을 굵게 만드는 효과는 strong 태그가 아닌 b 태그를 사용하게 됩니다.)

다음 포스트

링크 a 태그 (feat. 하이퍼텍스트)

이번에는 HTML 태그를 배울 때 비교적 초반에 배우게 되는 태그이지만 가장 중요한 것 중에 하나인 a 태그를 배워보겠습니다.