#1 HTML 태그 (제목, 문단, 서식)

 

 

 

 

안녕하세요 오랜만입니다.

앞으로 몇개의 게시글에서 HTML기본 태그들에 대해 적어보려고 합니다.

저도 공부하고 있는 사람이니 잘못된 부분이 있다면 지적해주시면 감사하겠습니다.

 

HTML의 대부분의 태그들은 display 속성값으로 블록(block)형, 인라인(inline)형으로 크게 나뉘게 됩니다.

 

블록형은 새로운 라인에서 시작하고 그 라인의 모든 너비를 사용합니다.

예) <p>, <div>, <h> 등

인라인형은 자기의 컨텐츠만큼의 너비를 사용합니다.

예) <span>, <a>, <img> 등

 

 

1) 제목태그 <h>

블록 태그로 제목을 나타내기 위해 사용합니다.

숫자가 작을 수록 더욱 큰 제목으로 사용됩니다.

보시는 것처럼 블록형으로 한 LINE의 모든 너비를 사용하는 것을 확인 할 수 있습니다.

 

 

2) 문단태그 <p>

블록태그로 문단을 나눌 때 사용합니다.

글의 내용은 https://n.news.naver.com/article/138/0002117961?cds=news_media_pc 기사를 긁었습니다.

 

보이는 것처럼 문단을 나눌 때 사용됩니다. 블록태그로 전체 line을 사용하는 것을 볼 수 있습니다.

또 한가지 봐야 할 것이 코드에서는 enter를 입력해서 줄바꿈을 한 것을 볼 수 있는데요. 결과로는 줄바꿈이 이루어지지 않았죠, 줄바꿈을 위해서는 <br>태그를 입력해주어야 합니다. 그래서 다시 입력해 보면 줄바꿈이 일어난 것을 볼 수 있습니다.

 

 

글의 내용은 https://n.news.naver.com/article/138/0002117961?cds=news_media_pc 기사를 긁었습니다.

 

3) Bold, 기울임, 밑줄, 취소선

이렇게 간단한 태그들을 정리해 봤습니다. 태그들마다 특성들이 있지만 요즘에는 CSS로 처리를 많이 한다고 합니다.

아직은 저는 더 공부를 해봐야 알 것 같습니다.