HTML 태그 기초1

HTML은 tag를 이용하여 프로그래밍을 한다. tag를 여는부분과 닫은 부분으로 구분한다.

 

Ex)

<p> This is a content  </p>

        -> <p>는 Opening Tag  </p>는 Closing Tag

        -> This is a content는 <p> 태그 안에 들어가 있는 내용이 된다.

        -> <p>This is a content </p> 전체를 Element(원소)라 한다. 

   

 

---

1. <p>

- paragraph의 약자

-문단을 구분해주는 역할을 한다.

 

EX)

그림1. 문단 구분x

이 경우 문단을 구분해서 적었는데에도 불과하고 문단이 분리가 되지 않는 것을 볼 수있음.

이것을 해결하기 위해 <p>를 이용한다. 

 

그림2. p태그를 이용한 문단 구분

<p>와 </p>를 이용함으로써 브라우저에게 여기가 문단의 시작이고 끝인 것을 알려준다.

 

---

2. <h1> ~ <h6>

- Headlines의 약자

- 제목을 붙일 때 싸용

그림3. h1태그를 이용한 Headline&nbsp;

---

3. <i>와 <em> 

- italics를 이용 

- <i>는 기울임 글꼴 

- <em>도 하지만 기울임 글꼴 

- <i>와 <em> 차이는 무엇이냐? (문장의 발음을 들을 때) 읽을 때 <em>부분의 내용을 강조해서 읽는다.

 

그림4. i태그와 em태그

---

4. <strong>와 <b>

- <strong>은 중요성, 심각성, 급함을 표현할 때 사용한다.

- <b> Bold 그냥 볼드체다.

 

 

그림5. strong 태그 활용

 

그림6. b태그 활용