언어 [울스M프로젝트?!-┏]Html 기초부터 탄탄히 ! -4-
2006.02.08 19:54
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장 문단구분에 대하여 알아보겠습니다
댓글 2
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
31 | MSN 주소를 알려주세요. [3] | MrGeek | 2006.09.16 | 85 |
30 | [소스첨부] 인자값 변경. | 청연 | 2006.09.14 | 59 |
29 | 주석제거 프로그램 (수정) | 청연 | 2006.09.13 | 128 |
28 | ★C언어 처음 하시는분들 보세요.. [3] | 청연 | 2006.09.13 | 202 |
27 | 2. Direct로 그림그리기! [1] | 케이코냥이 | 2006.09.03 | 166 |
26 | 한국 위키백과를 추천합니다. | MrGeek | 2006.09.01 | 84 |
25 | 1. DirectX 8.0 sdk 해보기. | 케이코냥이 | 2006.08.28 | 154 |
24 | C#.NET 유용한 포인터 사용법(1) - 스택기반의 배열 | 괴짜인간 | 2006.08.14 | 124 |
23 | VB/VC 키코드 리스트 [1] | 알닭 | 2006.04.23 | 202 |
» | [울스M프로젝트?!-┏]Html 기초부터 탄탄히 ! -4- [2] | 울스M | 2006.02.08 | 215 |
21 | [울스M프로젝트?!-┏]Html 기초부터 탄탄히 ! -3- [2] | 울스M | 2006.02.08 | 160 |
20 | [울스M프로젝트?!-┏]Html 기초부터 탄탄히 ! -2- [5] | 울스M | 2006.02.08 | 173 |
19 | [울스M프로젝트?!-┏]Html 기초부터 탄탄히 ! -1- [2] | 울스M | 2006.02.08 | 558 |
18 | [비법은 아니지만] 비주얼 베이직에 이스터 에그 발견! [1] | StartCraft | 2006.02.06 | 287 |
17 | 질문이요. [2] | 블랙호크 | 2006.01.06 | 125 |
16 | 비트맵&브레인스토밍&프로그래밍의 도(道) [1] | 성령의분노 | 2006.01.04 | 307 |
15 | 자료구조 (3) - 링크리스트 [3] | 성령의분노 | 2006.01.01 | 209 |
14 | 자료구조 (2) - Queue[민프레스 강의정리] [1] | 성령의분노 | 2005.12.31 | 150 |
13 | 자료구조 (1) - Stack [민프레스 강의정리] | 성령의분노 | 2005.12.30 | 321 |
12 | [VB] [CD-ROM] CD-ROM 열고 닫기 | StartCraft | 2005.08.21 | 351 |
여기까지 오면서 느낀거지만 짧막한 구성이 마치 연극을 보는듯 매우 정교하게 넘어가는 구려 ㅇ_ㅇ ..
음음 ㅇ_ㅇ
그래도 여기까지는 아직 기본적인 내용이니 다음장부터 확실히 들어봐야겠군 ㅇㅁㅇ..|+rp2+|1550|+rp3+|bibup