[HTML][HTML문서][인터넷][웹사이트]HTML의 의미, HTML의 기본구조, HTML의 기본태그, HTML의 문자편집, HTML의 목록편집, HTML의 표편집, HTML의 링크편집, HTML의 이미지삽입, HTML의 선그리기 분석

소개글

[HTML][HTML문서][인터넷][웹사이트]HTML의 의미, HTML의 기본구조, HTML의 기본태그, HTML의 문자편집, HTML의 목록편집, HTML의 표편집, HTML의 링크편집, HTML의 이미지삽입, HTML의 선그리기 분석에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. HTML의 의미
1. HTML이란 무엇인가
2. HTML 문서는 어떻게 만드는가
3. HTML 태그(Tag)란 무엇인가

Ⅲ. HTML의 기본구조

Ⅳ. HTML의 기본태그
1. HTML
2. 머릿말(HEAD)
3. 제목(TITLE)
4. 본문(BODY)
5. 머리글자(Headings)
6. 문단(Paragraphs)

Ⅴ. HTML의 문자편집
1. 물리적 스타일
2. 논리적 스타일

Ⅵ. HTML의 목록편집

Ⅶ. HTML의 표편집

Ⅷ. HTML의 링크편집
1. 상대경로와 절대경로
2. URL들
3. 특정 부분에 링크하기

Ⅸ. HTML의 이미지삽입
1. 웹에서 사용할 수 있는 이미지의 종류
2. HTML 문서의 이미지 삽입하기
3. 이미지를 통한 문서의 연결

Ⅹ. HTML의 선그리기
1. 굵기 조절하기
2. 길이 조절하기
3. 위치 조정하기
4. 형태 바꾸기

참고문헌

본문내용

의 하단과 텍스트의 하단을 일치시키는 것이다.
세번째 속성인 『alt』는 원래 텍스트만 볼 수 있는 웹 브라우저(예를 들어, lynx)에서 이미지 대신 보여주는 문장을 정해주는 것이지만, 최근에는 이미지에 대한 설명을 입력해 놓기도 한다. 즉, 이미지에 마우스를 가져다 놓으면, alt 속성에 입력한 문자열들이 보이게 되는 효과를 발휘한다.

네번째 속성인 『ismap』은 이미지 맵이라는 기법을 사용하는 옵션이다. 이미지 맵은 이미지 위의 임의의 위치를 마우스로 클릭하게 되면, 웹 브라우저가 해당 영역을 연결시켜 주는 기법이다. 따라서 하나의 이미지에 여러 가지를 연결할 수 있다.
3. 이미지를 통한 문서의 연결
사용자가 홈페이지에서 이미지를 클릭했을 경우 특정 위치로 연결하는 것을 말한다. 이것은 태그를 이용하는 방법인데, 다음과 같이 사용한다.
Ⅹ. HTML의 선그리기
< HR > Tag를 사용하면 해당 라인의 처음부터 끝까지 가로선을 입체감 있게 그려준다.

---

위와 같이 선을 그릴 수 있다.


1. 굵기 조절하기
< HR SIZE = n >
n에는 숫자를 지정해 줄 수 있으며, 기본값은 2이다. 숫자가 커질수록 두꺼운 선이 그어진다.





기본선 그리기

---

기본선 두께=1 일 때

---

기본선 두께=2 일 때

---

기본선 두께=3 일 때

---

기본선 두께=4 일 때

---

기본선 두께=10 일 때

---

기본선 두께=100 일 때

---

2. 길이 조절하기

---

혹은

---

---

혹은

---

---

혹은

---

의 경우 창의 크기에 영향을 받지 않고 일정한 길이의 선을 보여주지만,

---

혹은

---

의 경우는 넷스케이프의 창 폭에 비례하여 선의 길이가 변하게 된다.





기본선 그리기

---

기본선 길이=100 일 때

---

기본선 길이=200 일 때

---

기본선 길이=50% 일 때

---

기본선 길이=100% 일 때

---

3. 위치 조정하기

---

선이 그려지는 위치를 조정할 수 있는 기능이다. 위치는 LEFT(왼쪽 정렬), RIGHT(오른쪽 정렬), CENTER(가운데 정렬) 의 세 가지이며, 선의 길이를 정해 주는 \'WIDTH = \' 옵션을 사용해야 위치 조정의 의미가 있다.
예 :

---

위치 지정을 하지 않을 경우 기본 위치는 가운데이다.





기본선

---

선 길이=200 일 경우

---

선 길이=200 이고, 가운데 정렬을 할 경우

---

선 길이=200이고, 왼쪽 정렬을 할 경우

---

선 길이=200이고, 오른쪽 정렬을 할 경우

---

4. 형태 바꾸기

---

일반 선을 그릴 때 사용하는 옵션으로 입체감이 전혀 나타나지 않는다.




기본선

---

선 길이=200, 두께=10인 선

---

선 길이=200, 두께=10이고, 입체감이 없는 선

---

위의 옵션을 적절히 조합하면 사각형과 세로선을 그릴 수 있다. 예를 들어

---

라는 옵션을 정해주면, 화면의 오른쪽에 두께 가 100, 길이가 100 만큼의 음영선이 그어지는데 이것으로 사각형 모양을 만들 수 있다. 그리고 WIDTH의 크기를 작게 준다면 세로선을 그린 것 같은 효과를 나타낼 수 있다.





기본선

---

100 * 100 인 사각형

---

길이 100인 세로선 그리기

---

참고문헌
기한재·김형호 / 인터넷 활용과 홈페이지 제작
노재성·김형훈(2003) / 무선 인터넷, 도서출판 OHM사
사는 디자인 파는 디자인 / 영진닷컴
윈도우 2000 서버 바이블 / 시대정보사
조영우·이재환·이창희·김교일(2000) / 홈페이지 제작 기법, 대림
Behrouze A. Forouzan / 데이터 통신과 네트워킹
Bruce Campbell·Rick Darnell(1998) / 초보자를 위한 다이나믹 HTML

키워드

HTML,   인터넷,   웹사이트,   HTML문서,   HTML편집