패밀리사이트 바로가기
디디컴
주산지
구석구석
4X6
CG Tool
Carpe Diem
아침풍경 출판사
에이스미출판사
대림출판사
 

HTML 강좌 목차

HTML 강좌 조회 수 5622 추천 수 0 2009.08.29 18:47:39

DDCom_HTML.png

 

 

 

안녕하세요?

 

디디컴 백종수입니다.

서버 복구와 더불어 HTML 강좌를 다시 디디컴에 거재하게 되었습니다.

 

HTML은 웹을 디자인하는데 필수적인 스크립트언어입니다.

웹디자인을 공부하시는데 반드시 필요한 것입니다.

 

본 강좌는 누구에게나 무료로 열람할 수 있습니다. 

타 사이트로의 이동 및 링크시  그 출처를 밝혀 주시면 감사하겠습니다.  

 

강좌 목차는 다음과 같습니다.  강좌의 제목을 클릭하면 해당 강좌를 열람하실 수 있습니다.

 

제 1 강. HTML문서의 구성

   1.  HTML의 기본 구조

    2. HTML 제작 프로그램은

 

제 2 강. BODY태그의 역할과 구성

   1. 배경색 설정하기

   2. 배경이미지 설정하기 

   3. 텍스트의 기본 색상 설정하기 

   4. 링크가 설정된 텍스트의 색상 설정하기 

   5. 웹페이지의 여백 설정하기 

 

제 3 강. 글자의 속성에 관련된 태그

   1. < Hn>태그의 속성

   2. <FONT> 태그의 속성

   3.< BR> 태그의 기능

   4. <BASEFONT> 태그

   5. <NOBR> 태그

 

제 4 강. 글자의 스타일과 관련된 태그

 

 

제 5 강. 문단에 관련된 태그

   1. <P> 태그의 속성

   2. <p align=".......">...</p>

   3. <PRE>태그 사용하기

   4. 웹페이지에 들여쓰기 적용하기

   5. 문장 정렬하기

   6. 문장 가운데 정렬하기

 

제 6 강. 웹페이지에 리스트 설정하기

   1. 순서가 있는 리스트

   2. 순서가 없는 리스트

   3. 정의 리스트

 

제 7 강. 이미지와 관련된 태그

   1. 웹페이지에 이미지 삽입하기

   2. 웹페이지에서 이미지 정렬하기

   3. 이미지와 텍스트 정렬하기

   4. 이미지에 설명 설정하기

   5. 이미지의 테두리 선 설정하기

   6. 이미지의 크기 설정하기

 

제 8 강. 웹페이지에 하이퍼 링크 설정하기

   1. 내부링크

   2. 외부링크

   3. 이미지에 링크 설정하기

   4. < Base> 태그 사용하기

 

제 9 강. <HR>태그 사용하기

 

제 10 강. 테이블 만들기

   1. 테이블의 구성

   2. 테이블의 테두리선

   3. 테이블의 크기

   4. 테이블의 여백

   5. 테이블의 배경

   6. 테이블 내의 텍스트 정렬하기

   7. 셀의 크기 설정하기

   8. 셀 합치기

   9. 셀에 배경색과 배경 이미지 설정하기

   10. 테이블의 정렬

 

 제 11강. frame 설정하기

 

제 12 강. iframe 구성하기

 

제 13 강. <form> 태그

   1. form태그의 구성

   2. form태그의 종류 - input type

   3. <form> 태그의 종류 - textarea

   4. <form>태그의 종류 - select

 

 제 14 강. < Head> 태그

   1. <title> 태그

   2. <meta> 태그

 

제 15 강. RGB 헥사 코드표

 

제 16 강. HTML 특수문자코드표

List of Articles
번호 제목 글쓴이 날짜 조회 수
» HTML 강좌 HTML 강좌 목차 imagefile 디디컴 2009-08-29 5622
공지 웹디자인 팁 웹디자인 Tip & Tech 목차 imagefile 디디컴 2009-09-23 5503
공지 디자인 일반 디자인 이야기 목차 imagefile 디디컴 2009-09-23 5329
공지 CSS 강좌 CSS 강좌 목차 imagefile 디디컴 2009-10-24 6200
공지 Java Script 자바스크립트 강좌 목차 imagefile 디디컴 2010-01-05 3740
공지 웹디자인프로세스 웹디자인 프로세스 목차 imagefile 디디컴 2009-08-02 4575
공지 Java Script 베껴쓰는 자바스크립트 목차 imagefile 디디컴 2010-01-19 3279

웹디자인 팁 PHP switch ~ case 구문

mt_srand(time()); $num=mt_rand(1,7); switch ($num) { case 1: gallery_thumbnail("jusanji_open_nature", "????", 8, 2, 105, 105); break; case 2: gallery_thumbnail("jusanji_open_animal", "????", 8, 2, 105, 105); break; case 3: ga...

  • 디디컴
  • 2010-02-15
  • 조회 수 1682

웹디자인 팁 랜덤 베너 JS 소스

<script language="JavaScript"> var how_many_ads = 3; //숫자는 베너의 수만큼.. var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; if (ad==1) { url="http://www.daum.net/"; alt="다음...

  • 디디컴
  • 2010-02-15
  • 조회 수 1185

Java Script 베껴쓰는 자바스크립트 15. 풀 스크린으로 웹사이트 열기 imagefile

15. 풀 스크린으로 웹사이트 열기 웹페이지를 보다 넓게 사용하기 위해 전체 화면 즉, 풀 스크린으로 표시할 경우가 있습니다. 플래시로 제작된 웹사이트나 이벤트 페이지를 표시할 때 주로 사용합니다. 여기서는 페이지가 ...

  • 디디컴
  • 2010-01-20
  • 조회 수 2159

Java Script 베껴쓰는 자바스크립트 14. 롤오버 이미지 만들기 imagefile

14. 롤오버 이미지 만들기 롤오버 이미지는 웹페이지에 삽입된 이미지에 마우스 커서를 올리면 다른 이미지로 바뀌고 마우스를 이미지 밖으로 빼면 다시 원래 이미지로 복원되는 이미지를 말합니다. 이러한 롤오버 이미지는 ...

  • 디디컴
  • 2010-01-20
  • 조회 수 2148

Java Script 베껴쓰는 자바스크립트 13. 텍스트 필드의 내용 자동으로 지우기 imagefile

13. 텍스트 필드의 내용 자동으로 지우기 대부분의 대형 포털 사이트의 검색어 입력란에는 미리 입력되어 있는 검색어를 볼 수 있습니다. 그날의 인기 검색어나 광고성 단어를 미리 입력해 놓은 것인데, <input> 태그의 ...

  • 디디컴
  • 2010-01-20
  • 조회 수 2048

Java Script 베껴쓰는 자바스크립트 12. 주민등록번호 입력 시 다음 칸으로 자동으로 넘어가기 imagefile

12. 주민등록번호 입력 시 다음 칸으로 자동으로 넘어가기 웹페이지는 접속한 유저가 사용하기 편리하게 제작되어야 합니다. 그 중 하나가 회원가입에서 주민번호나 전화번호를 입력할 때 다음 칸으로 자동으로 이동하는 기능...

  • 디디컴
  • 2010-01-20
  • 조회 수 1941

Java Script 베껴쓰는 자바스크립트 11. 팝업창 다시 열지 않기 imagefile

11. 팝업창 다시 열지 않기 앞서 알아본 팝업창 열기 스크립트는 페이지가 열릴 때마다 팝업창이 표시됩니다. 유저 입장에서는 이렇게 열리는 팝업창이 불편할 수도 있습니다. 따라서 한 번만 열리게 하거나 하루 동안 열...

  • 디디컴
  • 2010-01-20
  • 조회 수 1839

Java Script 베껴쓰는 자바스크립트 10. 상태 표시 줄에 흘러가는 텍스트 표시하기 imagefile

10. 상태 표시 줄에 흘러가는 텍스트 표시하기 상태 표시 줄에 텍스트를 표시하려면 다음과 같은 스크립트를 <head>~</head> 사이에 넣어주면 됩니다. <script language="javascript"> <!-- window.status="안녕하세요"; //상태 표시줄...

  • 디디컴
  • 2010-01-20
  • 조회 수 1688

Java Script 베껴쓰는 자바스크립트 09. 텍스트와 이미지 퍼가기 금지 및 오른쪽 버튼 사용금지 imagefile

09. 텍스트와 이미지 퍼가기 금지 및 오른쪽 버튼 사용금지 <body> 태그 내에 이벤트 사용만으로 웹사이트의 콘텐츠를 보호할 수 있습니다. 단, 해당 이벤트는 인터넷 익스플로러 5.0 이상에서만 실행됩니다. <body> 태그...

  • 디디컴
  • 2010-01-20
  • 조회 수 1800

Java Script 베껴쓰는 자바스크립트 08. 즐겨찾기에 추가하기 imagefile

08. 즐겨찾기에 추가하기 웹사이트에 접속한 유저가 웹사이트를 즐겨찾기에 바로 추가할 수 있도록 즐겨찾기 추가 대화상자를 열어 줍니다. 단, 이 기능은 웹 브라우저 인터넷 익스플로러 버전 4 이상에서만 실행됩니다. 다...

  • 디디컴
  • 2010-01-20
  • 조회 수 1410


XE Login