컴퓨터와정보통신

목차

웹사이트의 기획과 제작 절차

웹사이트 제작에 필요한 도구

태그(Tag)란

HTML

글자 모양

수평선 그리기 : <HR>

선의 정렬

선의 음영 효과

배경과 텍스트 색상의 지정

여백설정하기

이미지 크기 변경

이미지 정렬

여러 줄을 정렬

이미지 테두리

기본 테이블 만들기

테이블의셀합치기

테이블크기조정

테이블의 셀 정렬

시간표 만들기

칸띄우기( )

하이퍼링크

Internet의 다른 Site로 연결

본문내용

"5“ 표의 테두리 굵기를 5로
WIDTH="400"의 의미는 표의 너비를 400 픽셀수
HEIGHT="150"의 의미는 표의 높이를 150 픽셀수로 하겠다는 의미
테이블의 셀 정렬
가로 정렬
.....
: 헤더 내용을 셀 왼쪽으로 정렬
.....
: 헤더 내용을 셀 가운데로 정렬
.....
: 헤더 내용을 셀 오른쪽으로 정렬
.....
: 셀 내용을 셀 왼쪽으로 정렬
.....
: 셀 내용을 셀 가운데로 정렬
.....
: 셀 내용을 셀 오른쪽으로 정렬
세로 정렬
.....
: 헤더 내용을 셀 위로 정렬
.....
: 헤더 내용을 셀 가운데로 정렬
.....
: 헤더 내용을 셀 아래로 정렬
.....
: 셀 내용을 셀 위로 정렬
.....
: 셀 내용을 셀 가운데로 정렬
.....
: 셀 내용을 셀 이래로 정렬
시간표 만들기

나의 시간표

	월요일	화요일	수요일	목요일	금요일
1교시	자료구조	교육학	정보통신 개론		윈도즈 프로그래밍
2교시				심리학
3교시
4교시		멀티미디어 제작실습
5교시			멀티미디어 제작실습
6교시

칸띄우기( )
테이블에 이미지 삽입

하이퍼링크
태그 사용
A 태그의 속성
HREF : 하이퍼텍스트를 클릭했을 때 연결될 목적지를 정함
연결고리
NAME : 하이퍼텍스트로 연결될 문서에서의 위치를 지정
문서내의 이동할 위치
target 속성 사용
_self : 클릭한 창에 나타남(default 값)
_top : 창의 전체 페이지로 열기
_new : 새 창으로 열기
_blank : 새 창으로 열기
예: 홍길동

가족 소개

---

우리 가족 소개

가훈 자랑

---

우리 가족을 소개합니다.

우리 아빤데요, 미남이죠?

---

우리 집 가훈을 소개합니다.

우리 집 가훈은

"성실 하자, 부지런 하자 그리고 항상 웃으며 지내자"
인데요

울 오빠지요. ^^

---

같은 HTML 문서 내에서 이동
하이퍼텍스트
문서 내용
다른 HTML 문서로 이동
(하이퍼텍스트)
: 생략 가능
메뉴에서의 이동
다른 HTML 문서의 지정 위치로 이동
(하이퍼텍스트)
(하이퍼텍스트)
: 생략 가능
점하나는 하위폴더
Internet의 다른 Site로 연결
(하이퍼텍스트)
이미지를 이용한 하이퍼링크
이미지에서 이미지로
텍스트
다른 HTML 문서나 웹 사이트로 이동
텍스트
텍스트
하이퍼텍스트에서 이미지로 이동
텍스트
이미지 테두리 숨기기

키워드

컴퓨터,   정보,   통신