[HTML.008] 줄바꾸기,강조하기

[HTML.008] 줄바꾸기, 강조하기

 

 

 

[1] 줄 바꾸기 <br> 태그

• <br> 태그는 다음 줄로 넘어가게 하는 기능이 있습니다.
• <br> 태그는 단독으로 사용하기 때문에 닫는태그(</br>)가 없습니다.

(예시1)

 

 

(퀴즈1)

다음 "포도"에 관한 문장을 <br>태그를 사용하여 3줄로 나타내 보세요.

(포도에 관한 문장) 포도(葡萄, grape)는 포도속(Vitis) 식물의 총칭, 또는 그 열매를 말한다. 포도의 품종에는 포도(V. vinifera)·미국포도(V. labrusca)·교배종이 있다. 포도(V. vinifera)는 전파 과정에 따라 남유럽계·중앙아시아계·동아시아계 등의 재배형으로 분화하였다.

3줄로 나타낸 결과

 

 

[2] 글자 굵게 표시하기 <b> , <strong>

• <b>~</b> 태그를 이용하여 글자를 굵게 할 수 있습니다.
• <strong> ~ </strong> 태그를 이용하여 글자를 굵게 할 수 있습니다.
• <b> 태그는 단순히 글자를 굵게 하는 것이고, <strong> 태그는 한 페이지의 내용 상에서 강조가 될 필요가 있는 부분에 사용하는 태그로서 웹 브라우저에게도 강조성을 알리는 역할을 합니다. 그리고 스크린 리더(Screen Reader)로 웹 페이지를 읽어낼 때 실제로 <strong> 부분은 강조해서 소리를 냅니다.

스크린리더(Screen reader)는 시각장애인이 컴퓨터를 사용할 때 화면에 나타나는 정보들을 음성으로 출력해주는 화면낭독 프로그램입니다.

 

(예시2)

 

 

(퀴즈2)

다음 지시사항에 맞춰 "포도"에 관한 문장에 <b>, <strong> 태그를 적용하세요. 

포도는 포도속(Vitis) 식물의 총칭, 또는 그 열매를 말한다. 포도의 품종에는 포도(V. vinifera)·미국포도(V. labrusca)·교배종이 있다. 포도(V. vinifera)는 전파 과정에 따라 남유럽계·중앙아시아계·동아시아계 등의 재배형으로 분화하였으며, 오늘날까지 총 15만 여 품종이 만들어졌다. 패도(孛桃)라고도 한다.

 

[지시사항]

• "포도"라는 단어를 강조해서 나타내기 위해 <strong> 태그를 모두 적용하세요.
• 영어는 모두 <b> 태그를 적용해 진하게 나타내 주세요.