조회 수 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장 문단구분에 대하여 알아보겠습니다
?

  1. 물체 밀어서 움직이는 이벤트 조금 더 쉽게 하는 법

    Date2018.01.02 CategoryRPG Maker Byzero? Views644
    Read More
  2. [마지막 3명 모집] [취업연계무료교육] VR/AR 게임 콘텐츠 전문가 양성 과정 교육생 모집

    Date2017.07.14 Category언어/기타 By황금상자 Views702
    Read More
  3. rpg vxa 로 겜만들때 데미지 설정 공식[링크]

    Date2017.06.08 CategoryRPG Maker By준E Views740
    Read More
  4. [꿀팁] 간단하게 만들 수 있는 실시간 전투 시스템

    Date2017.03.31 CategoryRPG Maker By준E Views2019
    Read More
  5. JSON parser 변환데이터 저장시 생기는 Object Too Deep 해결하기

    Date2016.12.24 Category언어/기타 Bytitle: 댓글러lklslel Views851
    Read More
  6. 앙뜨프리너십에서 해커톤 부트캠프 모집중이네요

    Date2016.11.08 Category언어/기타 By마나님이 Views908
    Read More
  7. RPG MV에서 플러그인 오류의 원인에 대하여

    Date2016.07.08 CategoryRPG Maker Bytitle: 댓글러lklslel Views2359
    Read More
  8. RPG MV 게임 도중에 윈도우 스킨 파일 자체를 통째로 바꿔버리는 방법 (출처: HIME)

    Date2016.07.08 CategoryRPG Maker By최저 Views1627
    Read More
  9. 게임의 버전을 짜 보자! - 유의적 버전 2.0.0

    Date2016.06.07 Category언어/기타 ByYanggaeng Views1123
    Read More
  10. 텍스트 대화 도중 메뉴 여는 방법을 알아냈습니다!

    Date2016.03.12 CategoryRPG Maker By정궈니 Views2938
    Read More
  11. rpgmv 마우스 지원과 터치 지원이 되니.

    Date2015.10.25 CategoryRPG Maker By팡소리 Views1011
    Read More
  12. RPG Maker MV 와 AJAX를 이용한 웹통신 관련 영상.

    Date2015.10.25 CategoryRPG Maker ByHT9MAN Views2246
    Read More
  13. RPG게임 뻔한요소들.

    Date2015.10.05 Category언어/기타 Bytitle: 천무천무 Views1644
    Read More
  14. 자바스크립트와 관련해서 참고할 만한 사이트들

    Date2015.10.04 Category언어/기타 ByMARCO Views921
    Read More
  15. 꿀잼이군요!

    Date2015.05.20 Category언어/기타 By사람님[대회참가] Views873
    Read More
  16. [RPG2000/3 팁] 간편한 이벤트 단축키

    Date2015.04.06 CategoryRPG Maker Bytitle: 자게이하앵 Views1833
    Read More
  17. [RPG2000/3 팁] 간편한 이벤트 단축키

    Date2015.04.05 CategoryRPG Maker Bytitle: 자게이하앵 Views748
    Read More
  18. [강의링크] 대비법칙-색상대비-밀당의 재미 약한 반대색 설계

    Date2015.04.02 Category언어/기타 Bytitle: 천무천무 Views636
    Read More
  19. 오다 주웠습니다.

    Date2015.03.30 Category언어/기타 By사람님[대회참가] Views917
    Read More
  20. 무료 이미지 사이트 Pixabay!

    Date2015.03.28 Category언어/기타 By나작소 Views909
    Read More
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(김원배) | 사신지(김병국)