이진욱의코딩

HTML의 여러가지 태그와 사용법 본문

HTML

HTML의 여러가지 태그와 사용법

Crucifi 2019. 7. 6. 21:19

제목이나 내용 중 강조하고 싶은 부분이 있다면 어떤 태그를 어떻게 사용하는지에 대해 알아보자.

 

우선, 태그란 무엇인가? 에 대한 대답을 먼저 해야겠죠.

웹 페이지를 만들 때 쉽게 사용할 수 있는 도구정도로만 생각하시면 될 것 같습니다.

 

이번 포스팅 내용은 <h1><strong>태그에 대해 설명하도록 하죠.

 

<h1>태그는 주로 제목을 적을때 많이 사용합니다.

이렇게 제목을 적는 부분이라고 보시면 됩니다.

 

위의 사진을 다시보면 h1, h2, h3, h4, h5등으로 되어 있는데 이 부분은 웹에서 볼 때

 

 

h와 숫자가 나오는 태그를 쓰면 일반적은 텍스트보다 더 두꺼운 모습을 볼 수 있다.

 

 

h뒤에 숫자가 붙고, 숫자가 올라갈수록 글씨가 작아지는 모습을 볼 수 있으며, 줄바꿈이 된다는 것을 볼 수 있다.

 

 

 

<strong>태그를 살펴보자면 <strong>태그는 문장에서 강조하고 싶은 부분을 나타낼때 사용 할 수 있다.

이 두문장의 결과가 어떻게 나올까?

결과를 보자.

마블 3000만큼 사랑해

일반 <br>태그 사이에 적은 문장은 강조되는 부분 없이 나오고

 

<strong>태그를 넣어 내가 강조하고 싶은 부분인 3000이란 부분 앞 뒤로 <strong>태그를 적어

결과 값에 3000이란 부분이 진한 글씨로 강조 되어 나온것을 볼 수 있다.

 

<br>태그는 줄바꿈, <>로 태그를 적을 시 끝마치고 싶은 부분뒤에 </>를 적어야 된다.

'HTML' 카테고리의 다른 글

부모 자식과 목록  (0) 2019.07.08
최후의 문법 속성과 <img>태그  (0) 2019.07.07
줄바꿈: <br> vs. <p>에 대해서  (0) 2019.07.07
html의 파일생성 및 기초사용법  (1) 2019.07.06
HTML이 무엇이고 장점은 무엇인가?  (0) 2019.07.05