태그수업

목차

1장 WWW(W3, World Wide Web)
2장 HTML(HyperText Markup Lnaguage)
1. 글자와 문단 관련 태그
2. 선, 특수문자, 목록 관련 태그
3. 목록 태그(OL, UL)
4. 내부링크와 외부링크
5. 이미지 삽입하기

본문내용

ink="purple" alink="red"> -->
5. 이미지 삽입하기
5-1) 이미지 삽입 방법

* URL이란?
Uniform Resouce Locator의 약자로 인터넷 상의 각종 자원의 위치를 나타내기 위해 사용되는 표준 주소방식이다. WWW의 웹 브라우저가 서버에 어떠한 정보를 요구하기 위해서는 요청하는 방법(프로토콜 또는 서비스)과 그 위치를 명시해야 하는데, 이때 사용되는 주소 체계가 URL이다. URL은 아래의 형태로 표시된다.
http://www.hini.co.kr/home/file.html
→ 프로토콜 이름://컴퓨터의 인터넷 주소/파일의 경로와 파일이름
아래는 URL의 다양한 예이다.
http://hitel.kol.co.kr/index.html
ftp://ftp.snu.ac.kr
gopher://gopher.dacom.co.kr
telnet://chollian.dacom.co.kr
news:comp.lang.c
file:///c:hwp25/file.hwp
mailto:[e-mail]
javascript:alert("Message")
태그의 각종 속성 설명
src - 보여줄 그림 파일이 있는 위치 정보.
border - 그림의 테두리 선의 두께. Default는 1이고 테두리 선이 나타나지 않도록 하려면 border="0"를 준다.
width - 그림의 폭을 조절.
height - 그림의 높이를 조절.
Align -그림을 Html 문서나 Html 문서의 표의 셀에서 정렬.
Alt - 마우스를 아이콘이나 메뉴에 갖다 대었을 때 나타나는 글자.
Hspace, Vspace - 그림의 가로와 세로의 여백 크기 설정
html 파일과 이미지가 같은 디렉토리에 있을 경우에는 src 부분에 그냥 이미지 명만 적으면 되는데, 만약 다른 디렉토리나 다른 사이트의 그림을 넣어야 한다면 그 이미지의 위치 정보도 함께 넣어줘야 한다. 예를 들어 또는
라고 사용을 하면 된다.
예) 양반탈
하회탈중에서도 대표적인 가면 미술의 극치라는 평을 받고 있으며 대체적으로 부드러운 표정이다. 양반은 냉수 마시고서도 이빨 쑤신다 라는 말처럼 허풍스러움과 여유스러운 표정이 복합되어 있다. 턱을 분리하여 끈으로 매달아 놓음으로서 고개를 젖히면 박장대소하는 표정이 되고 고개를 숙이면 입을 다문 화난 표정으로 변한다.
놀이마당에서는 부네와 소불알을 두고 선비와 지체다툼이나 학식다툼을 벌이다가 망신을 당하는 인물이다.
주황색 바탕에 머리와 눈썹은 검고,눈구석 언저리와 양 볼에 가느다란 주름살이 잡혀 웃는 표정을 나타내고 있다. 코는 매부리코로 콧날개가 벌어진 큰 코이며,강한 인상이다. 턱은 따로 연달아서 움직인다
각시탈
- 대체로 조용하고 차분한 표정이나 입은 힘을 주어 꾹 다물고 있다. 이는 새색시의 시집살이의 어려움을 속으로 삭이는 표정으로 볼 수 있다. 왼쪽으로 땋아내린 머리채는 앞으로, 오른쪽 머리채는 뒤로 빠진 것으로 보아 걸을때는 얼굴의 움직임은 없고 머리채만 덜렁거리는 얌전한 형상으로 볼 수 있다.놀이마당에서는 서낭신의 넋으로서 걸립읍을 하는 한편, 혼례와 신방마당에서 모의적인 혼례 및 성행위를 함으로써 풍요다산의 주술성을 획득해 주는 인물이다. 사회적 제약으로 인한 강요된 침묵과 부자유스런 수줍음이 깃들어 있다.
머리를 조각하여 `ㅡ’ 자로 큰 머리를 얹었고 눈썹은 검게 했으며 연지 곤지 찍은 흔적이 있고, 입술은 붉게 칠했다
5-2) 이미지 삽입시 주의사항
만약 문서를 제대로 만든 것 같은데 서버에 올린 후 이미지가 보이지 않으면 다음 사항을 확인한다.
- 이미지가 서버에 있는가?
자신의 PC에서 작업을 한 후, html 파일만 올리고 이미지 파일을 올리지 않아 보이지 않는 경우.
- 문서와 이미지 파일 이름의 대소문자가 같은가?
이미지 파일이름의 대소문자와 의 src 부분에 들어간 이름의 대소문자가 동일한지 확인. windows는 대소문자를 구별하지 않지만 유닉스 계열은 대소문자를 구별한다.
- 경로 및 링크가 제대로 되어있나?
의 src 부분에 file:///C:/home/images/logo.gif와 같이 링크가 걸려있지는 않은지 확인.

키워드

태그수업,   태그,   컴,   컴터,   컴퓨터