프로그래밍 언어/HTML

[HTML] HTML의 기본 문법

고품격미식가 2019. 8. 29. 15:31

웹 페이지를 만들때 제목은 큼직하게, 강조하고 싶은건 굵게, 중요한건 밑줄을 긋고 싶은 경우가 있습니다.

그 때 사용하는게 태그 입니다. <h1></h1><strong></strong><u></u> 이런게 다 태그입니다.

<h1>은 태그가 열리는 시작태그, </h1>은 태그가 닫힌다하여 종료태그라고 합니다. 닫히는 태그는 태그명 앞에 /를 붙입니다.

 

태그를 사용하여 웹페이지를 만들어보겠습니다.

<h1> ~ </h1>은 제목(Headline)태그 입니다. 상단의 'Hello World!!'를 큼지막하게 만들어줍니다.

<strong> ~ </strong>은 강조태그 입니다. 글씨를 진하게 만들어 줍니다.

<u> ~ </u>는 밑줄(Underline)태그 입니다.

 

 

 

파일을 실행하여 원하는 결과물이 잘 만들어졌는지 확인해봅니다.

 

HTML의 기본적인 문법은 이게 전부 입니다. HTML은 태그의 기능과 속성으로 이루어져 있습니다.

어떤 태그들이 있으며, 각각의 태그의 기능과 속성에 대해 공부한다면 HTML을 사용하여 좀 더 정보를 효과적으로 제공하는 웹페이지를 만들 수 있습니다.

 

아래의 사이트는 여러 태그들을 사용해보고 테스트 할 수 있습니다.

HTML에 어떤 태그들이 사용되는지 어떻게 쓰이는지 한번 훓어보면 좋을 듯 합니다.

https://www.w3schools.com/tags/tag_hn.asp

 

HTML h1 to h6 tag

HTML to Tags Example The six different HTML headings:

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6
Try it Yourself » Definition and Usage T

 

www.w3schools.com