티스토리 뷰

나는 오늘도 공부한다/HTML&CSS

HTML의 기본구조

realMarketing 2014. 6. 22. 12:36

웹앱 개발 프로젝트를 진행하게 되면서 급하게 배워야할 것들이 많아 졌다. 그중 하나가 HTML이다. 그외에도 javascript, CSS, PHP, 폰갭 등 공부해야할 것들이 산더미처럼 생겼지만, 막상 공부를 해보니 서로가 연관된 것들이 많아 차근차근 공부해나가면 될 것 같다.

개인적인 생각으로 웹개발을 기획중이면 HTML, javascript, css, php순으로 공부를 하면 도움이 될 것 같다.

본론으로 들어가서 오늘은 HTML의 기본 구조에 대해서 소개해보고자 한다. 기본 구조는 다음과 같다.

 <!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

HTML은 각태그의 <태그명>이 시작되고 </태그명>으로 끝난다. 태그가 열리면 닫아주어야 한다. (모두가 그런 것은 아니고 예외적인 부분도 있다.)

<img/>나 <br/>과 같은 단독 태그를 제외하고는 모두 <태그명></태그명>의 방법을 따라 줘야 된다.

단독 태그의 경우는 끝에/를 붙이고 닫아 줘야 한다. <head></head>안에는 html문서에 필요한 정보를 넣고 title은 제목을 넣어 주는 태그이다. 제목이라면 인터넷 창 상단에 표시되는 타이틀을 의미힌다. 

<body></body>안에는 홈페이지에 실질적으로 출력될 내용을 넣어주면 된다.

html을 이용하여 웹페이지를 제작하게 되면 분명 한계가 있다. 그러므로 javascript등과 함께 사용하여 동적인 웹페이지를 제작할 수 있다.

저작자표시

'나는 오늘도 공부한다 > HTML&CSS' 카테고리의 다른 글

즐겨찾기/주소창 아이콘 적용하기(파비콘 적용하기)  (0) 2016.04.20
HTML 이미지 띄우기  (0) 2014.09.13
HTML & CSS 메뉴만들기  (7) 2014.09.12
HTML 리스트 만들기 & 하이퍼링크  (0) 2014.06.22
HTML(H태그)+스타일태그  (0) 2014.06.22
공유하기 링크
댓글