HTML 22 HTML HTML Page 7 Web Programming

HTML 문서의 기본 구조 (2/2) HTML 개요 HTML 문서 예제 Page 7 Web Programming & Practice by Yang-Sae Moon

HTML 편집기 (1/3) HTML 개요 텍스트 기반 편집기 • 메모장, 아래아한글, MS 워드, editplus Page 15 Web Programming & Practice by Yang-Sae Moon

HTML 편집기 (2/3) HTML 개요 텍스트 기반 편집기 (계속) Page 16 Web Programming & Practice by Yang-Sae Moon

첫 번째 HTML 문서 HTML 개요 메모장을 열고 다음과 같이 입력하고 first. html로 저장 <html> <head> <title>간단한 실습</title> </head> <body> 안녕하세요? 첫 번째 실습입니다. </body> </html> Page 20 Web Programming & Practice by Yang-Sae Moon

문서 구조 태그 (2/5) HTML 개요 <title> …. </title> 사용 예 Page 22 Web Programming & Practice by Yang-Sae Moon

문서 구조 태그 (4/5) HTML 개요 <body>의 속성 사용 예 Page 24 Web Programming & Practice by Yang-Sae Moon

문서 구조 태그 (4/5) HTML 개요 <body>의 속성 사용 예 Page 25 Web Programming & Practice by Yang-Sae Moon

문단 설정을 위한 태그 (2/6) HTML 개요 <p>, 의 사용 예제 Page 30 Web Programming & Practice by Yang-Sae Moon

문단 설정을 위한 태그 (5/7) HTML 개요 <hr> 사용 예제 Page 33 Web Programming & Practice by Yang-Sae Moon

문단 설정을 위한 태그 (7/7) HTML 개요 <nobr> … </nobr>의 예제 Page 35 Web Programming & Practice by Yang-Sae Moon

글자의 크기 지정을 위한 태그 (2/4) HTML 개요 <basefont size=“n”> • 기본 폰트 크기(기본 값이 3)를 적용 • n = 1∼ 7 Page 39 Web Programming & Practice by Yang-Sae Moon

글자의 크기 지정을 위한 태그 (4/4) HTML 개요 <font> 이용 예제 Page 41 Web Programming & Practice by Yang-Sae Moon

문자열의 물리적 스타일 지정 태그 (2/2) Page 43 HTML 개요 Web Programming & Practice by Yang-Sae Moon

문자열의 논리적 스타일 지정 태그 (3/3) Page 46 HTML 개요 Web Programming & Practice by Yang-Sae Moon

컬러코드와 RGB (2/4) HTML 개요 http: //www. tbi. univie. ac. at/TBI/hex_color_chart. png Page 49 Web Programming & Practice by Yang-Sae Moon

컬러코드와 RGB (3/4) HTML 개요 Page 50 Web Programming & Practice by Yang-Sae Moon

이미지 파일의 종류 및 특성 (3/5) HTML 개요 Adobe Photoshop Page 54 Web Programming & Practice by Yang-Sae Moon

이미지 파일의 종류 및 특성 (5/5) HTML 개요 Coreldraw Illustrator Page 56 Web Programming & Practice by Yang-Sae Moon

그래픽 파일 포맷 (2/4) HTML 개요 GIF 이미지 예제 Page 58 Web Programming & Practice by Yang-Sae Moon

그래픽 파일 포맷 (4/4) HTML 개요 JPEG 이미지 예제 Page 60 Web Programming & Practice by Yang-Sae Moon

HTML 문서에 이미지 삽입 (2/4) HTML 개요 이미지 태그 사용 예제 Page 62 Web Programming & Practice by Yang-Sae Moon

HTML 문서에 이미지 삽입 (2/4) HTML 개요 이미지 태그 사용 예제 Page 63 Web Programming & Practice by Yang-Sae Moon

HTML 문서에 이미지 삽입 (4/4) HTML 개요 애니메이션 GIF 사용 예제 Page 65 Web Programming & Practice by Yang-Sae Moon

이미지 맵 (4/4) HTML 개요 이미지 맵 사용 예 Page 69 Web Programming & Practice by Yang-Sae Moon

이미지 맵 (4/4) HTML 개요 이미지 맵 사용 예 Page 70 Web Programming & Practice by Yang-Sae Moon

Homework #2 (실습 #1) Page 71 HTML 개요 Web Programming & Practice by Yang-Sae Moon

하이퍼텍스트 링크 (2/3) HTML 개요 앵커(anchor) 태그: <a> … </a> • <A HREF = “연결하고자 하는 곳의 (주소 또는 문서의) URL”>텍스트 내용</a> • HREF: hypertext reference의 약어 Page 74 Web Programming & Practice by Yang-Sae Moon

불릿 리스트 (3/3) HTML 개요 Page 80 Web Programming & Practice by Yang-Sae Moon

번호 리스트 (3/3) HTML 개요 Page 83 Web Programming & Practice by Yang-Sae Moon

정의 리스트 (2/2) HTML 개요 Page 85 Web Programming & Practice by Yang-Sae Moon

테이블 (5/6) HTML 개요 테이블 관련 태그 정리 <CAPTION> <TABLE> [표 1] 강원대학교 컴퓨터과학전공 성적 분포 <TH> <TR> <TD> Page 90 Web Programming & Practice by Yang-Sae Moon

테이블 (6/6) HTML 개요 Page 91 Web Programming & Practice by Yang-Sae Moon

테이블 (6/6) HTML 개요 Page 92 Web Programming & Practice by Yang-Sae Moon

테이블 (6/6) HTML 개요 Page 93 Web Programming & Practice by Yang-Sae Moon

프레임 (1/5) HTML 개요 프레임 사용 예제 프레임 A 프레임 B Page 96 프레임 C Web Programming & Practice by Yang-Sae Moon

프레임 (5/5) HTML 개요 Page 100 Web Programming & Practice by Yang-Sae Moon

프레임 (5/5) HTML 개요 Page 101 Web Programming & Practice by Yang-Sae Moon

사운드(오디오) (5/5) HTML 개요 Page 107 Web Programming & Practice by Yang-Sae Moon

Homework #3 (실습 #2) Page 112 HTML 개요 Web Programming & Practice by Yang-Sae Moon