[html] 태그 - <b>, <h>, <br>, <pre>

이번에는 여러가지 태그를 연습해보도록 할게요.

 

 

1. <b></b>

 

우선 Hello~Html~~~ 적어주신 후에

양쪽에 <b></b> 해주시고

나머지는 다음 그림과 같이 적어주세요!!

 

그리고 컴파일해보시면 <b>태그만 해준 부분이 bold처리 되어있습니다

 

 

2. <pre>

 

pre 태그는 한마디로 enter라고 생각하시면 됩니다.

우리가 입력해준 화면에 보이는 그대로 줄바꿈이

크롬창에서도 그대로 줄바꿈이 되는 것이쥬!!

 

 

3. <hr>

 

<hr>은 선을 그어주는 것인데요

다음 그림처럼 

 

(1) <hr> ----> 그냥 선

(2) (3) <hr  color width size> ---> width는 폭, 너비  size는 굵기 

4. align 추가

 

align ---> left, right, center 처럼 어디에 배치할지!!

 

 

 

5. <p></p>

 

<p>태그는 문단처리라고 봐주시면 됩니다

위와 아래 줄이 간격이 생기게 되는 것이죠!!!

 

그럼 위에서 추가해 본 align 을 넣어서 Have a Nice Day 3가지를 모두 다른 곳에 배치해볼게요:)

 

 

 

6. 글꼴 - size, color, face

 

• size ---> "숫자"로 설정
• color ---> "색깔"로 설정
• face ---> "font 이름"으로 설정

7. 글꼴 - <u></u>, em

• <u></u> ---> <u>태그로 쌓여진 문장 밑에 밑줄
• em ---> font-size 설정해줄때 몇 배로 키워줄지!!