devil cat everdevel character

프로그래머가 아니던 시절 만들기 시작한 에버디벨 !
첫 오픈 한달과 최근 한달의 방문자수를 비교해보니 무려 190배 이상 증가했습니다.
그 사이 어느새 1년 9개월의 경력을 갖고 있는 프로그래머가 되었습니다.
실무의 경험을 담아 더 많은 내용으로 올해 2월 에버디벨이 책으로 나옵니다.
{HTML5, CSS3, jQuery, MySQL5, PHP7(PDO, OOP, MVC)}
아무것도 몰라도 컴퓨터만 있다면 하나부터 학습하며 발전해 나가는 자신을 보는 감동을 드리겠습니다.

에버디벨이 밥값을 할 수 있도록 광고를 넣었습니다. 양해 바랍니다.

disney Teyon kin

HTML 기본 구조

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

위의 소스가 HTML의 기본 구조 입니다.

각 태그는 <태그명>으로 시작하여 </태그명>으로 끝나며 모두다 그런것은 아닙니다.

<img />나 <br /> 태그등과 같은 단독 태그를 제외 하고는 거의 대부분의 태그들은 위와같은 법칙을 같습니다.

단독 태그는 끝에 /를 붙이고 닫아야 합니다. 예를 들어 <img src="url" /> 와 같이 사용 합니다.

지금은 무슨말인지 잘 모르실수 있습니다. 그냥 넘어 갑니다. ^^

위의 기본 문서에서 head안에는 html문서에서 필요한 정보를 넣습니다. title은 제목을 넣는 태그 입니다. 네이버를 접속해 보시면 네이버 :: 나의 경쟁력, 네이버 라는 글씨가 보이시죠.

<title>네이버 :: 나의 경쟁력, 네이버</title>

라고 title 태그를 웹퍼블리셔가 네이버를 만들때 넣었기 때문에 그렇게 나오는 것입니다.

그외에도 문자 인코딩 이라든지 자바스크립트,스타일시트등을 넣는데요 나중에 차차 알아갑시다.
처음부터 이것저것 하면 머리 아파서 금방 포기하게 됩니다. body 태그에는 실질적인 홈페이지에 출력될 내용을 넣습니다.
웹브라우저에 안녕하세요를 출력하고 싶다면 저 body문안에 안녕하세요를 적으면 되는것이죠.^^

그럼 이것으로 html소개는 마치고 강좌로 넘어 가도록 하겠습니다.

다음강좌는 1강.H tag 입니다. 클릭하면 다음 강좌로 이동합니다.