[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석

소개글

[HTML][HTML 문자편집][HTML 목록편집][HTML 표작성][HTML 이미지삽입][HTML 프레임편집]HTML 정의, HTML 기본구성, HTML 문자편집, HTML 목록편집, HTML 표작성, HTML 이미지삽입, HTML 프레임편집 분석에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. 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 정하기

참고문헌

본문내용

BR>

---

ALIGN=BOTTOM 옵션을 사용한 경우 :

고래

---

ALIGN=MIDDLE 옵션을 사용한 경우 :

고래

---

3. 이미지를 다른 문서에 연결시키기


밑줄이 그어져 있는 텍스트, 혹은 색상이 다른 텍스트를 선택하면 다른 문서로 연결되는 것과 마찬가지로, 이미지를 선택하여도 다른 문서로 연결되게 할 수 있다. 이때, 과사이에 Tag를 사용하는데, 이 경우 이미지 주변에는 선택가능하다는 의미의 테두리가 생긴다. 아래 예제는 이미지 또는 텍스트를 선택했을 때 Internet을 소개하는 문서로 이동하는 예를 보인 것이다.








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

이미지에 테두리를 그리거나 없앨 때에는 BORDER=n 옵션을 사용한다. 테두리는 기본적으로 검은 색으로 나타나는데, 만약 이미지에 다른 문서가 연결되어 있을 경우에는 파란색 테두리가 나타나게 된다. n=0으로 설정하면 이미지가 다른 문서와 연결되어 있더라도 테두리가 설정되지 않으며, n값이 커질수록 테두리의 굵기는 굵어진다. 아래 예제는 다른 문서와 연결되지 않은 이미지와 연결되어 있는 이미지에 대해 테두리를 설정해 보는 예다.





다른 문서와 연결되어 있지 않고, BORDER = 10일 때 :

---

다른 문서와 연결되어 있고, BORDER 옵션을 사용하지 않았을 때 :

---

다른 문서와 연결되어 있고, BORDER = 0 옵션을 사용했을 때 :

BORDER = 0>

---

다른 문서와 연결되어 있고, BORDER = 10 옵션을 사용했을 때 :

BORDER = 10>


Ⅷ. HTML의 프레임편집
프레임을 만드는데는 두 가지 종류의 문서가 필요하다. 첫 번째는 브라우저 화면에 나타날 프레임 형식을 지정하는 문서이고, 두 번째는 각 프레임 안에서 보여줄 실제 내용이 들어 있는 문서이다.
1. 속성
...
브라우저에 프레임을 어떻게 만들 것인지를 지정하는 태그이다. 즉, 좌우 혹은 상하로 몇 등분할 것이며 각각 나누어진 프레임의 크기는 어떻게 할 것인지를 정하게 되는 것이다.




cols는 세로로 나눌 경우이며, 가로로 나눌 경우 rows를 쓴다. 나누어진 프레임의 경계부분 테두리선의 굵기를 지정한다.

- src : 프레임이 들어갈 문서의 url
- name : 프레임의 이름. 다른 프레임 안에 있는 링크에서 이 프레임을 가리키고자 할 때 사용한다.
- noresize : 프레임에 스크롤바를 보여줄 것인지를 지정하는 속성
- marginheight : 프레임 상하의 여백설정
- marginwidth : 프레임 좌우의 여백 설정
2. target 정하기

- 창이름 : frameset에서 정한 name으로 이동한다.
- _top : 링크되는 HTML문서가 현재의 모든 프레임을 무시하고 하나의 HTML문서로 현재 브라우저 화면에 나타난다.
- _blank : 링크되는 HTML문서가 새로운 브라우저 창에 나타난다.
- _parents : 프레임 문서 내에서 만들어진 프레임 문서 부분에 새롭게 만들어진 프레임 문서를 열어 주는 명령어로 parent는 부모계층을 의미하며, 현재 위치한 프레임의 앞 프레임 부분을 새로운 프레임으로 나타나게 한다.
- _self : 자신이 속한 프레임으로 나타나게 한다.
참고문헌
▷ 김영기, 홈페이지 만들기, 내하출판사
▷ 김형철, 인터넷 이해와 활용, 한빛미디어, 웹서핑에서 홈페이지 제작까지
▷ 오세만·이용규(2005), 인터넷 프로그래밍 입문, 생능
▷ 이근형(2007), HTML과 자바 스크립트 중심으로 홈페이지 제작, 생능
▷ 정진욱 외, 컴퓨터 과학, 성균관대학교 출판부
▷ 한삼현(2004), 홈페이지 무작정 따라하기, 길벗
▷ GRAHAM, XHTML 1.0 WEB DEVELOPMENT SOURCE BOOK, 출판사 : 교보문고

키워드

HTML,   HTML문서,   HTML편집,   인터넷,   웹