[HTML][HTML문서][HTML편집][웹페이지][웹]HTML의 개념, HTML의 구성요소, HTML의 기본구조, HTML의 문자편집, HTML의 목차편집, HTML의 표편집, HTML의 멀티미디어편집에 관한 고찰(HTML, HTML편집)
본 자료는 4페이지 의 미리보기를 제공합니다. 이미지를 클릭하여 주세요.
닫기
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
해당 자료는 4페이지 까지만 미리보기를 제공합니다.
4페이지 이후부터 다운로드 후 확인할 수 있습니다.

소개글

[HTML][HTML문서][HTML편집][웹페이지][웹]HTML의 개념, HTML의 구성요소, HTML의 기본구조, HTML의 문자편집, HTML의 목차편집, HTML의 표편집, HTML의 멀티미디어편집에 관한 고찰(HTML, HTML편집)에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. HTML의 개념

Ⅲ. HTML의 구성 요소
1. 텍스트(Text)
2. 태그(Tag)
3. 스크립트(Script)

Ⅳ. HTML의 기본 구조
1. < HTML >~< /HTML >
2. < HEAD >~< /HEAD >
3. < TITLE >~< /TITLE >
4. < BODY >~< /BODY >

Ⅴ. HTML의 문자 편집
1. 문자의 크기 설정
2. 문자의 색 변경
3. 문자의 모양 지정
4. 문장의 배치
5. 문장 배치에 사용하는 태그
6. 리스트를 표현하는 태그
7. 줄 바꾸기와 문장의 구분

Ⅵ. HTML의 목차 편집
1. 순서 있는 목록
2. 순서 없는 목록

Ⅶ. HTML의 표 편집
1. 기본형 표 만들기
1) < TABLE BORDER=(숫자) > ...... < /TABLE >
2) < CAPTION > ...... < /CAPTION >
3) < TH > ...... < /TH >
4) < TD > ...... < /TD >
5) < TR >
2. 합쳐진 셀의 표 만들기
3. 표 크기조정과 정렬
1) 표 크기조정
2) 정렬

Ⅷ. HTML의 멀티미디어 편집
1. < img > 이미지 넣기
2. < embed >
3. < object > 동영상 넣기

참고문헌

본문내용

면 반드시 을 붙여 주어야 한다. 만약 을 붙이지 않으면 한 줄로 계속 셀이 붙어서 나타나게 된다.
2. 합쳐진 셀의 표 만들기
합쳐진 셀은 , 태그에 ROWSPAN, COLSPAN이 합쳐진 형태의 태그를 사용한다. ROWSPAN은 줄(ROW)을 합치는 지정이고, COLSPAN은 칼럼(Column)을 합치는 지정이다.
3. 표 크기조정과 정렬
1) 표 크기조정
표 전체 넓이와 높이를 조정할 수 있다.
표 넓이는 WIDTH=(픽셀수) 또는 %값을 태그에 포함하면 되고, 표 높이는 HEIGHT=(픽셀수) 또는 %값을
태그에 포함하면 된다. %값을 이용하면 상대적 크기가 되므로 브라우저의 크기가 바뀌면 그 크기에 맞게 표의 크기도 변한다.
* 픽셀(Pixel) : 모니터화면 화상의 최소단위의 점(Dot)을 말한다. 넓이와 높이를 이 점의 개수로 지정하므로 대개 100이상의 값이 된다.
사용형식으로는 다음과 같다.
......

표테두리 굵기, 넓이 조정
......

표테두리 굵기, 높이 조정
......
표테두리 굵기, 넓이, 높이 조정
2) 정렬
셀 안의 내용을 왼쪽, 가운데, 오른쪽으로 정렬할 수 있는데, , 태그에 ALIGN을 포함하여 지정하면 된다.
사용형식으로는 다음과 같다.
...... : 헤더 내용을 셀 왼쪽으로 정렬
...... : 헤더 내용을 셀 가운데로 정렬
...... : 헤더 내용을 셀 오른쪽으로 정렬
...... : 셀 내용을 셀 왼쪽으로 정렬
...... : 셀 내용을 셀 가운데로 정렬
...... : 셀 내용을 셀 오른쪽으로 정렬
Ⅷ. HTML의 멀티미디어 편집
1. 이미지 넣기

- width : 그림의 가로 폭을 지정한다. (생략가능)
- height : 그림의 세로 폭을 지정한다. (생략가능)
- align : 정렬
- border : 그림테두리
- hspace : 그림과 글자간의 좌우 간격
- vspace : 그림과 글자간의 상하 간격
2.
태그는 일반적으로 외부로부터 받아들인 파일들을 홈페이지 상에 표현할 때 사용하는 태그다. 보통 사운드파일이마 Flash파일 등을 홈페이지 상에 구현할 때 사용한다.
사운드파일의 종류는 다음과 같다.(au, wav, mid, ra, aiff 포맷사용)
- au : sun사의 포맷. 브라우저 기본지원
- wav : MS사의 포맷. 윈도우 매체재생기 등으로 재생
- midi, mid : 미디파일, 미디재생용 프로그램으로 재생 윈도우 기본지원
- ra : 리얼오디오 포맷. 리얼 오디오, 리얼플레이어로 재생
- aiff : 맥용 사운드 포맷
- mp3 : 사운드 압축포맷, winamp등으로 재생

- src : 사운드 파일의 이름을 지정한다.
- autostart : 자동실행 여부를 지정한다.
- loop : 반복횟수를 지정한다.
- hidden : 실행시킬 프로그램을 숨긴다.
- volume : 소리의 크기를 지정한다.
- width : 실행시킬 프로그램의 가로 폭을 지정
- height : 실행시킬 프로그램의 세로 폭을 지정
참고) 배경음악삽입하기

익스플로러에서 배경 음악을 삽입할 때 사용하는 태그다. loop=\"n\" 속성은 재생 반복 횟수를 조절한다. 만약 n이 infinite일 경우에는 반복 재생된다.
3. 동영상 넣기
- mov : 애플사에서 만든다. 퀵타임으로 재생
- avi : MS사에서 만든 비디오 포맷, 윈도우즈 매체재생기 등으로 재생
- mpeg, mpg : 압축률이 높고 용량을 작게 차지함. xing이나 Media Player로 재생
- ram : 리얼 비디오, 리얼플레이어로 재생
...

- src : 동영상 파일의 이름을 지정한다.
- autostart : 자동실행 여부를 지정한다.
- loop : 반복횟수를 지정한다.
- width : 동영상 화면의 가로 폭을 지정
- height : 동영상 화면의 세로 폭을 지정
참고문헌
고영수 : 원클릭으로 떠나는 홈페이지 정보사냥, 영진, 1996
엘리자베스 프리먼·에릭 프리먼, 홍형경 역 : Head First HTML with CSS & XHTML - 웹2.0 시대의 웹 표준 학습법, 한빛미디어, 2006
할수있다! HTML+자바스크립트 기본+활용 쉽게 배우기 : 신영, 영진.COM, 2005
EDDY : XHTML IN PLAIN ENGLISH, 에이콘출판(주)
HTML+ 자바스크립트 쉽게 배우기 : 영진닷컴
Neil Randall 저, 정경희·조가원 역 : 단계별로 풀어보는 홈페이지, 씨에이, 1996
TITTEL : XHTML FOR DUMMIES, 에이콘출판(주)

키워드

HTML,   HTML문서,   HTML편집,   ,   웹페이지
  • 가격5,000
  • 페이지수12페이지
  • 등록일2008.12.16
  • 저작시기2021.3
  • 파일형식한글(hwp)
  • 자료번호#505976
본 자료는 최근 2주간 다운받은 회원이 없습니다.
청소해