HTML 강의/HTML 강의/HTML 강좌/HTML 강좌
안녕핫세요, 완소풉입니다. 지금부터 강의를 시작하겠습니다. HTML 기본 구조에 관한 자세한 내용은 생략하겠습니다.
HTML 의 구조는 아시는 전제하에 강의를 시작하겠습니다.그리고 강의 도중 제가 N 이라는 단어를 사용할때가 있습니다.
이 단어는 숫자를 대입하라는 뜻으로 생각해주시면 되겠습니다. 
그리고 각 강의마다 예제 파일을 올려 본문 제일 밑에 업로드할겁니다. 참고하세요 ^^

HTML 이란 Hyper Text Markup Language 라고 웹(인터넷)을 만들기위한 기본 프로그래밍 언어입니다.
CSS, JavaScript 모두 필요한 요건이지만 HTML 로 뼈대를 우선 이루어야 합니다.

HTML 의 기본 구조는 대충 이렇게 되어있습니다.
(혹시나 구조에 대해 모르신다면 제가 첨부한 예제파일의 주석을 참고하세요, 텍스트 파일로 열어야되는거 잊지마세요 ^^)

<html>
<head>
<title>제목</title>
<body>
내용
</body>
</html>



내용을 읽어보셨다면 대충 구조가 이해가실겁니다.
HTML 에서의 태그는 <-> 로 시작해 </-> 로 끝납니다. '/' 라는 표현이
끝맞춤을 하는거죠.

그리고 주석은 <!-- 남기는 말 --> 로 설정하실 수 있습니다.

이번 1강 에서는 간단하게 Body 태그 속성들을 설명하겠습니다.

배경 색상 지정 - <body bgcolor = "색상명/RGB값">
배경 그림 지정 - <body background = "경로명">

문서 글자 색상 지정 - <body text = "색상명/RGB값">
문서 링크 색상 지정 - <body link = "색상">
(link - 원본 링크 색상/vlink - 한번 방문한곳의 링크 색상
/alink - 마우스로 누르고 있을때의 색상)

배경 노래 지정 - <body bgcolor = "경로명"

본문 왼쪽 여백 - <body leftmargin = "n">
본문 위쪽 여백 - <body topmargin = "n">

다른 태그들을 배우면서 약간 혼동되는게 있습니다. 바로 문서 글자, 링크 색상 지정 속성 입니다.
만약 위의 태그를 이용해 지정할경우 그 문서 전체의 글자, 링크 색상이 바뀌는 겁니다. 글자 색상같은건 <font> 태그로도
수정할 수 있습니다. 나중에 모두 배우게 될테니 그냥 알아주시면 감사하겠습니다.
Body 태그 속성들은 저 정도만 알아두셔서 충분하리라 생각합니다. 추가해야될 내용이 있다면 댓글 부탁드리겠습니다.

이 곳에 제가 직접 작성하지 않겠습니다만 첨부파일로 예제를 올려드리겠습니다.
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.

1강 예제.zip


다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.

2011.01.23 15:49. RSS feed. Trackback 0 came from other blogs. Leave a Response.
Posted in 스터디/publishing. Top

댓글을 달아 주세요