조회 수 389 추천 수 11 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

4번째장이 시작되었습니다.
4.Html구조

Html이 뭐지 ?
우선 Html 이란 'HyperTextMarkupLanguage'의 약자입니다. 한마디로 브라우저가 알아들을수 있는 말이라고 생각하시면됩니다. 모든 홈페이지는 Html을 기본으로 짜여있습니다. 거기서 인제 PHP나 CGI로 발전해 나가는 것이라고 합니다.

태그기본구조
태그의 기본구조는 <>이 꺽쇄괄호부터 시작되는것입니다. 아무리 길고 길은 태그라해도 앞부분이 <> 꺽쇄괄호가 아니라 ()소괄호라면 태그는 실행되지않습니다. 또한 주의할점은 태그를 시작했으면 반드시 태그를 끝내야된다는점입니다. 한번 한일은 끝가지 책임을 져야죠 ㅎㅎ 그래서 태그를 맞치는 명령어는 태그 타입앞에 /(슬러시)를 붙이는것입니다 <태그> 이런식으로요, 예를들어 폰트태그에 속성값을 빨간색으로 주었을때 태그를 맞치지 않으면 그문단 전체가 빨간색 글로 써지기때문이죠.

태그주의사항
메모장으로 태그를 이용해 작성할때에는 아무리 엔터를 눌러도 홈페이지상에는 엔터가 되질 않습니다. 따라서 <br>이라던가 <p>라는 태그가 필요한것이지요, 또한 공백역시 2번이상으로는 쓰여지지 않습니다. 또한 태그는 대소문자 구별을 하지 않으니 유의하시구요

시험해보기
기본적으로 Html태그는 Html답게<html>로시작하여</html>로 끝나게됩니다.
그럼 기본 예를 하나 들어보겠습니다
<html>
<head>
<title>
타이틀제목
</title>
</head>
<body>
문서시작
</body>
</html>
이게 기본 문서입니다 그럼 하나하나 설명해보겠습니다.

<html>   <- Html의 시작을 알리는 태그입니다.
<head>  <- Head의 시작을 알리는 태그입니다.
<title>    <- 브라우저에 나타낼 타이틀의 시작을 알리는 태그입니다.
타이틀제목    <- 브라우저에 나타낼 타이틀의 이름입니다.
</title>   <- 브라우저에 나타낼 타이틀의 끝을 알리는 태그입니다.
</head>   <- Head의 끝을 알리는 태그입니다.
<body>  <- Body의 시작을 알리는 태그입니다.
태그       <- 브라우저에 나타낼 문서의 태그입니다
</body>   <- Body의 끝을 알리는 태그입니다.
</html>  <- Html의 끝을 알리는 태그입니다.

인제 메모장에 저장을 눌러서 파일형식을 모든파일로 변환후 파일이름에 *.html 또는 *.htm이라고 입력하시면 됩니다.
자이제 이게 하나의 홈페이지라고 할수있죠.....엥? 쉬워보인다구요? 물론 이건 그냥 기본틀이라서 더 꾸밀수있는 태그가 들어가지않은것입니다. 한마디로 그냥 컵이란 소리죠, 이제부터 컵안에 태그라는 물을 조금조금씩 부워나가는것이죠 ^^

4장, Html구조 대한 장은 맞쳤습니다. 다음은 5장 문단구분에 대하여 알아보겠습니다
?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
1004 RPG Maker 물체 밀어서 움직이는 이벤트 조금 더 쉽게 하는 법 zero? 2018.01.02 644
1003 언어/기타 [마지막 3명 모집] [취업연계무료교육] VR/AR 게임 콘텐츠 전문가 양성 과정 교육생 모집 file 황금상자 2017.07.14 702
1002 RPG Maker rpg vxa 로 겜만들때 데미지 설정 공식[링크] 준E 2017.06.08 740
1001 RPG Maker [꿀팁] 간단하게 만들 수 있는 실시간 전투 시스템 1 file 준E 2017.03.31 2019
1000 언어/기타 JSON parser 변환데이터 저장시 생기는 Object Too Deep 해결하기 title: 댓글러lklslel 2016.12.24 851
999 언어/기타 앙뜨프리너십에서 해커톤 부트캠프 모집중이네요 file 마나님이 2016.11.08 908
998 RPG Maker RPG MV에서 플러그인 오류의 원인에 대하여 1 title: 댓글러lklslel 2016.07.08 2359
997 RPG Maker RPG MV 게임 도중에 윈도우 스킨 파일 자체를 통째로 바꿔버리는 방법 (출처: HIME) 최저 2016.07.08 1627
996 언어/기타 게임의 버전을 짜 보자! - 유의적 버전 2.0.0 Yanggaeng 2016.06.07 1123
995 RPG Maker 텍스트 대화 도중 메뉴 여는 방법을 알아냈습니다! 2 file 정궈니 2016.03.12 2938
994 RPG Maker rpgmv 마우스 지원과 터치 지원이 되니. 2 팡소리 2015.10.25 1011
993 RPG Maker RPG Maker MV 와 AJAX를 이용한 웹통신 관련 영상. 2 HT9MAN 2015.10.25 2246
992 언어/기타 RPG게임 뻔한요소들. 8 title: 천무천무 2015.10.05 1644
991 언어/기타 자바스크립트와 관련해서 참고할 만한 사이트들 3 MARCO 2015.10.04 921
990 언어/기타 꿀잼이군요! 3 사람님[대회참가] 2015.05.20 873
989 RPG Maker [RPG2000/3 팁] 간편한 이벤트 단축키 title: 자게이하앵 2015.04.06 1833
988 RPG Maker [RPG2000/3 팁] 간편한 이벤트 단축키 1 file title: 자게이하앵 2015.04.05 748
987 언어/기타 [강의링크] 대비법칙-색상대비-밀당의 재미 약한 반대색 설계 title: 천무천무 2015.04.02 636
986 언어/기타 오다 주웠습니다. 9 사람님[대회참가] 2015.03.30 917
985 언어/기타 무료 이미지 사이트 Pixabay! 9 file 나작소 2015.03.28 909
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 51 Next
/ 51


[개인정보취급방침] | [이용약관] | [제휴문의] | [후원창구] | [인디사이드연혁]

Copyright © 1999 - 2016 INdiSide.com/(주)씨엘쓰리디 All Rights Reserved.
인디사이드 운영자 : 천무(이지선) | kernys(김원배) | 사신지(김병국)