![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-1](https://images.happyhaksul.com/thumb/225/224965-0001.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-2](https://images.happyhaksul.com/thumb/225/224965-0002.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-3](https://images.happyhaksul.com/thumb/225/224965-0003.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-4](https://images.happyhaksul.com/thumb/225/224965-0004.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-5](https://images.happyhaksul.com/thumb/225/224965-0005.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-6](https://images.happyhaksul.com/thumb/225/224965-0006.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-7](https://images.happyhaksul.com/thumb/225/224965-0007.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-8](https://images.happyhaksul.com/thumb/225/224965-0008.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-9](https://images.happyhaksul.com/thumb/225/224965-0009.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-10](https://images.happyhaksul.com/thumb/225/224965-0010.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-11](https://images.happyhaksul.com/thumb/225/224965-0011.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-12](https://images.happyhaksul.com/thumb/225/224965-0012.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-13](https://images.happyhaksul.com/thumb/225/224965-0013.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-14](https://images.happyhaksul.com/thumb/225/224965-0014.gif)
![[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석-15](https://images.happyhaksul.com/thumb/225/224965-0015.gif)
분야
hwpⅡ. HTML의 정의
Ⅲ. HTML의 기본구성
1. 태그(Tag)
2. HTML 문서 형태
1) HTML : < HTML > ...... < /HTML >
2) HEAD : < HEAD > ...... < /HEAD >
3) BODY : < BODY > ...... < /BODY >
4) TITLE : < TITLE > ...... < /TITLE >
5) 주석문 : < !-- ...... -- >
Ⅳ. HTML의 문자편집
1. 문장을 화면에 나타내기
2. 문장을 화면 중앙에 나타내기
3. 글자크기 바꾸기
4. 글자모양 바꾸기
5. 점멸효과 주기
Ⅴ. HTML의 목록편집
1. 순서 있는 목록
2. 순서 없는 목록
3. 메뉴목록/디렉토리목록
4. 용어목록
Ⅵ. HTML의 표작성
1. 표작성 기본TAG문
2. 줄(행)의 시작과 끝을 지정하는 TAG문
3. 표작성지정에 필요한 선택사항(option)
4. 표를 이용한 다단문서 작성
Ⅶ. HTML의 이미지삽입
1. 이미지 크기 조절하기
2. 이미지와 문장 조합하기
3. 이미지를 다른 문서에 연결시키기
4. 이미지의 테두리 설정하기
Ⅷ. HTML의 프레임편집
1. 속성
2. target 정하기
참고문헌
Ⅱ. HTML의 정의
HTML(Hyper Text Markup Language)은 World Wide Web의 문서를 작성하는 데 사용되는 하이퍼텍스트의 프로그램언어이다. 홈페이지를 만들 때 반드시 필요한 프로그램 언어로 C언어나 JAVA처럼 전문 프로그램언어가 아닌 아주 간단한 언어이다. 하이퍼텍스트(Hyper Text)란, 문자와 문자를 서로 관련지어 찾아볼 수 있도록 만들어진 문서 파일이나 문서 형식으로, 정보를 검색하는 방식이 차례로 읽어 나가는 순차적인 방식이 아니라 정보와 정보로 연결된 검색을 하다가 그와 연관된 다른 부분을 참조한 다음 다시 원래의 부분으로 되돌아올 수 있게 만들어진 문서형식이다. 윈도우 프로그램의 도움말기능이 이러한 하이퍼텍스트형식으로 되어있다. 마크업(Markup)이란, 본문, 즉 원래의 내용에 뭔가 특별한, 또는 추가적인 정보를 표시하는 모든 것을 말한다. 가령 우리가 책, 참고서 등을 통해 공부할 때 줄을 치거나 형광펜 등의 기타 필기도구로 색칠을 하는 것 등을 마크업이라고 할 수 있
▷ 김형철, 인터넷 이해와 활용, 한빛미디어, 웹서핑에서 홈페이지 제작까지
▷ 오세만·이용규(2005), 인터넷 프로그래밍 입문, 생능
▷ 이근형(2007), HTML과 자바 스크립트 중심으로 홈페이지 제작, 생능
▷ 정진욱 외, 컴퓨터 과학, 성균관대학교 출판부
▷ 한삼현(2004), 홈페이지 무작정 따라하기, 길벗
▷ GRAHAM, XHTML 1.0 WEB DEVELOPMENT SOURCE BOOK, 출판사 : 교보문고