YunDev

HTML - 시작하기 본문

Programming/HTML

HTML - 시작하기

S준 2020. 3. 11. 00:00

 

먼저 HTML은 대부분 웹페이지를 만들기 위해 사용되는 언어중 하나입니다. HTML에서는 <> 명령어를 사용합니다.

그럼 지금부터 HTML의 가장 기초에 대해서 알아봅시다~~~ (저는 Eclipse에서 HTML 파일을 만들어서 합니다.)

 

 

 

 

파일을 생성하시면

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제목</title>
</head>
<body>

</body>
</html>

기본적으로 이 형식이 나옵니다. 

<!DOCTYPE html>은 HTML5(버전)라는 것을 선언하는 것이고 문자나 코드는 <body> </body> 태그안에다 넣습니다.

항상 모든 태그들은 마침표시를 </태그>로 해주셔야 합니다.

 

 

 

1.문자 출력하기

문자를 출력하는 건 정말 간단합니다. 왜냐하면 <p>태그만 넣어주시만 바로 출력하실 수 있기 때문입니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제목</title>
</head>
<body>
<p>문자 출력하는건 정말 간단하죠?</p>
</body>
</html>

 

결과 : 

 

 

출력을 하시는 방법은 아예 파일 경로를 치셔서 들어가거나 서버를 만들고 키셔서 localhost/파일이름 으로 가능합니다.

 

 

 

2.주석

 

HTML에서 주석 처리는 <!--으로 시작해서 -->로 끝납니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 
주석 입니다.
 -->

<p>문자 출력</p>
</body>
</html>

 

주석은 프로그램을 할때 약간의 설명이나 기능을 정리할 때 많이 사용합니다.

주석이기 때문에 출력에는 전혀 상관이 없습니다.

 

 

 

 

 

이렇게 HTML을 시작하기 전 기초 정보들을 알아보았습니다.

내일부터는 자바스크립트와 HTML 글이 같이 올라갈 예정입니다^^

'Programming > HTML' 카테고리의 다른 글

HTML - <details> 태그와 <summary> 태그를 알아보자!  (0) 2020.03.15
HTML 하이퍼 링크 걸기  (3) 2020.03.13