HTML 강의/HTML 강의/HTML 강좌/HTML 강좌
안녕핫세요, 완소풉입니다. 지금부터 강의를 시작하겠습니다. HTML 기본 구조에 관한 자세한 내용은 생략하겠습니다.
HTML 의 구조는 아시는 전제하에 강의를 시작하겠습니다.그리고 강의 도중 제가 N 이라는 단어를 사용할때가 있습니다.
이 단어는 숫자를 대입하라는 뜻으로 생각해주시면 되겠습니다.
그리고 각 강의마다 예제 파일을 올려 본문 제일 밑에 업로드할겁니다. 참고하세요 ^^
HTML 이란 Hyper Text Markup Language 라고 웹(인터넷)을 만들기위한 기본 프로그래밍 언어입니다.
CSS, JavaScript 모두 필요한 요건이지만 HTML 로 뼈대를 우선 이루어야 합니다.
HTML 의 기본 구조는 대충 이렇게 되어있습니다.
(혹시나 구조에 대해 모르신다면 제가 첨부한 예제파일의 주석을 참고하세요, 텍스트 파일로 열어야되는거 잊지마세요 ^^)
이번 1강 에서는 간단하게 Body 태그 속성들을 설명하겠습니다.
다른 태그들을 배우면서 약간 혼동되는게 있습니다. 바로 문서 글자, 링크 색상 지정 속성 입니다.
만약 위의 태그를 이용해 지정할경우 그 문서 전체의 글자, 링크 색상이 바뀌는 겁니다. 글자 색상같은건 <font> 태그로도
수정할 수 있습니다. 나중에 모두 배우게 될테니 그냥 알아주시면 감사하겠습니다.
Body 태그 속성들은 저 정도만 알아두셔서 충분하리라 생각합니다. 추가해야될 내용이 있다면 댓글 부탁드리겠습니다.
이 곳에 제가 직접 작성하지 않겠습니다만 첨부파일로 예제를 올려드리겠습니다.
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.
다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.
안녕핫세요, 완소풉입니다. 지금부터 강의를 시작하겠습니다. 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다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.
'스터디 > publishing' 카테고리의 다른 글
| [HTML] HTML 강좌, 제 4강의 - 순서가 있는/없는 목록, 정의 목록 나열하는 태그 (0) | 2011.01.24 |
|---|---|
| [HTML] HTML 강좌, 제 3강의 - 여러 텍스트 관련 태그! (0) | 2011.01.23 |
| [HTML] HTML 강좌, 제 2강의 - 줄 바꾸는 P 태그와 BR 태그, 여러 텍스트에 사용되는 태그 (0) | 2011.01.23 |
| [HTML] HTML 강좌, 제 0강의 - HTML 강의! (CSS 작성 예정) (0) | 2011.01.22 |
| [HTML] 홈페이지 태그(Tag) 를 만든이. (0) | 2010.01.08 |