목차
Ⅰ. HTML의 정의
1. 정의
2. 장점
3. 단점
Ⅱ. HTML의 의의
Ⅲ. HTML의 문서 구조
1. HTML문서의 전체 구조
1) 문서 구조 : HTML
2) 헤드부
3) 제목 : TITLE
4) 기타 tag
2. BODY
3. HTML의 머리글
4. 순서 없는 목록(unordered list)보이기ul
5. 순서 있는 리스트(ordered list) 보이기ol
6. 메뉴 목록 보이기menu
7. 디렉터리 목록 보이기dir
8. Line Break : BR
9. Horizontal Rule : HR
10. Image : IMG
Ⅳ. HTML의 문자 편집
1. 물리적 스타일
2. 논리적 스타일
Ⅴ. HTML의 표 편집
1. 표짜기 요소들(Table Elements)
2. 표만들기 속성(Table Attributes)
3. 일반적인 표 형식
4. 표의 형식이 아닌 정보를 표현하기 위한 표 사용
Ⅵ. HTML의 링크 편집
1. 태그의 이해
2. 인터넷상에서의 연결
Ⅶ. HTML의 프레임 편집
Ⅷ. HTML의 멀티미디어 삽입
1. img 이미지 넣기
2. embed
3. object 동영상 넣기
참고문헌
1. 정의
2. 장점
3. 단점
Ⅱ. HTML의 의의
Ⅲ. HTML의 문서 구조
1. HTML문서의 전체 구조
1) 문서 구조 : HTML
2) 헤드부
3) 제목 : TITLE
4) 기타 tag
2. BODY
3. HTML의 머리글
4. 순서 없는 목록(unordered list)보이기ul
5. 순서 있는 리스트(ordered list) 보이기ol
6. 메뉴 목록 보이기menu
7. 디렉터리 목록 보이기dir
8. Line Break : BR
9. Horizontal Rule : HR
10. Image : IMG
Ⅳ. HTML의 문자 편집
1. 물리적 스타일
2. 논리적 스타일
Ⅴ. HTML의 표 편집
1. 표짜기 요소들(Table Elements)
2. 표만들기 속성(Table Attributes)
3. 일반적인 표 형식
4. 표의 형식이 아닌 정보를 표현하기 위한 표 사용
Ⅵ. HTML의 링크 편집
1. 태그의 이해
2. 인터넷상에서의 연결
Ⅶ. HTML의 프레임 편집
Ⅷ. HTML의 멀티미디어 삽입
1. img 이미지 넣기
2. embed
3. object 동영상 넣기
참고문헌
본문내용
터리에 있는 img 디렉터리의 temp.gif를 가져올 때는
그림 링크
와 같이 사용하면 된다.
2. 인터넷상에서의 연결
사실 태그의 진면목은 바로 인터넷상에서 다른 컴퓨터의 문서를 연결할 수 있다는 것이다. 인터넷상에 있는 다른 웹 페이지로 연결하기 위해서는 태그의 『href』속성에 해당하는 서비스의 URL을 지정하면 된다. 여기서 URL이란 인터넷상의 각종 자원의 위치를 나타내기 위해 사용하는 표준 주소를 말한다. 즉, 각 가정에는 집 주소가 있듯이, 인터넷상에 연결된 컴퓨터에는 각각 URL이 있는 것이다. 이 방법을 이용하게 되면, WWW. FTP. Telnet, E-Mail 등 인터넷의 모든 서비스를 연결할 수 있다. 이 태그를 이용하여 하이퍼텍스트 방식으로 연결하는 방법은 HTML의 가장 중요한 특징으로, 다른 무엇보다도 웹 서비스를 대중화시킨 일등 공신이라 할 수 있다.
Ⅶ. HTML의 프레임 편집
Frame은 HTML page안에 복수의 다른 HTML페이지들을 포함 시킬 수 있도록 해준다. tag는 tag바로 밑에, 즉, 나 의 바깥에 위치하고 현재의 frame의 몇 개의 frame으로 어느 방향으로 나눌 것인지를 결정한다(rows, cols속성). tag는 tag사이에 있으면서 각각의 frame들에 들어갈 html파일(URL)과 이름(name)을 지정한다. 여기서 지정된 이름은 anchor tag로 href를 지정할 때 target속성에 쓰인다. 즉, 기본적으로 링크는 같은 frame에서 열리지만, 만일 다른 frame에 해당 link가 열리게 하고 싶을 경우 과 같이 써주면, name이 bottom인 frame에 b.html 파일이 열리게 된다. Target에 지정할 수 있는 이름들 중 미리 정의된 것들이 있는데, _top은 현재 browser창 전체에, _blank는 새로운 창을 만들고 거기에, _parent는 현재 frame을 포함하고 있는 한 단계 상위 frame에 href로 link된 파일을 불러온다. tag는 frame을 지원하지 않는 browser에서 실행될 부분을 담고 있다.
Ⅷ. HTML의 멀티미디어 삽입
1.
이미지 넣기

- width : 그림의 가로 폭을 지정한다. (생략가능)
- height : 그림의 세로 폭을 지정한다. (생략가능)
- align : 정렬
- border : 그림테두리
- hspace : 그림과 글자간의 좌우 간격
- vspace : 그림과 글자간의 상하 간격
2.
그림 링크
와 같이 사용하면 된다.
2. 인터넷상에서의 연결
사실 태그의 진면목은 바로 인터넷상에서 다른 컴퓨터의 문서를 연결할 수 있다는 것이다. 인터넷상에 있는 다른 웹 페이지로 연결하기 위해서는 태그의 『href』속성에 해당하는 서비스의 URL을 지정하면 된다. 여기서 URL이란 인터넷상의 각종 자원의 위치를 나타내기 위해 사용하는 표준 주소를 말한다. 즉, 각 가정에는 집 주소가 있듯이, 인터넷상에 연결된 컴퓨터에는 각각 URL이 있는 것이다. 이 방법을 이용하게 되면, WWW. FTP. Telnet, E-Mail 등 인터넷의 모든 서비스를 연결할 수 있다. 이 태그를 이용하여 하이퍼텍스트 방식으로 연결하는 방법은 HTML의 가장 중요한 특징으로, 다른 무엇보다도 웹 서비스를 대중화시킨 일등 공신이라 할 수 있다.
Ⅶ. HTML의 프레임 편집
Frame은 HTML page안에 복수의 다른 HTML페이지들을 포함 시킬 수 있도록 해준다. tag는 tag바로 밑에, 즉, 나 의 바깥에 위치하고 현재의 frame의 몇 개의 frame으로 어느 방향으로 나눌 것인지를 결정한다(rows, cols속성). tag는 tag사이에 있으면서 각각의 frame들에 들어갈 html파일(URL)과 이름(name)을 지정한다. 여기서 지정된 이름은 anchor tag로 href를 지정할 때 target속성에 쓰인다. 즉, 기본적으로 링크는 같은 frame에서 열리지만, 만일 다른 frame에 해당 link가 열리게 하고 싶을 경우 과 같이 써주면, name이 bottom인 frame에 b.html 파일이 열리게 된다. Target에 지정할 수 있는 이름들 중 미리 정의된 것들이 있는데, _top은 현재 browser창 전체에, _blank는 새로운 창을 만들고 거기에, _parent는 현재 frame을 포함하고 있는 한 단계 상위 frame에 href로 link된 파일을 불러온다.
Ⅷ. HTML의 멀티미디어 삽입
1.
- width : 그림의 가로 폭을 지정한다. (생략가능)
- height : 그림의 세로 폭을 지정한다. (생략가능)
- align : 정렬
- border : 그림테두리
- hspace : 그림과 글자간의 좌우 간격
- vspace : 그림과 글자간의 상하 간격
2.
추천자료
로그파일
합창곡 악보의 XML 표현
XML[extensible markup language]
SMIL의 소개와 기본 태그 예제
[나모웹에디터]나모웹에디터의 문서편집과 표편집, 나모웹에디터의 이미지삽입과 하이퍼링크...
[홈페이지]홈페이지(웹사이트)의 의미, 홈페이지(웹사이트)의 분류, 홈페이지(웹사이트)의 장...
[CGI][ICT]CGI(공통게이트웨이인터페이스)의 개념, CGI(공통게이트웨이인터페이스)의 구현원...
web 2.0이란 무엇인가
소셜커머스,소셜커머스전망과한계,소셜커머스현황및장단점
2017년 1학기 Java프로그래밍 기말시험 핵심체크
2017년 1학기 Java프로그래밍 교재전범위 핵심요약노트
2018년 1학기 Java프로그래밍 기말시험 핵심체크
소개글