![[전산개론] 인터넷의 활용-1](/thumb/373/372839-0001.gif)
![[전산개론] 인터넷의 활용-2](/thumb/373/372839-0002.gif)
![[전산개론] 인터넷의 활용-3](/thumb/373/372839-0003.gif)
![[전산개론] 인터넷의 활용-4](/thumb/373/372839-0004.gif)
![[전산개론] 인터넷의 활용-5](/thumb/373/372839-0005.gif)
![[전산개론] 인터넷의 활용-6](/thumb/373/372839-0006.gif)
![[전산개론] 인터넷의 활용-7](/thumb/373/372839-0007.gif)
![[전산개론] 인터넷의 활용-8](/thumb/373/372839-0008.gif)
![[전산개론] 인터넷의 활용-9](/thumb/373/372839-0009.gif)
![[전산개론] 인터넷의 활용-10](/thumb/373/372839-0010.gif)
![[전산개론] 인터넷의 활용-11](/thumb/373/372839-0011.gif)
![[전산개론] 인터넷의 활용-12](/thumb/373/372839-0012.gif)
분야
hwpHTML의 쓰임
HTML태그
HTML의 기본구조
XML정의와 특징
XML의 장점
XML 발전방향과 기대효과
XML과 HTML의 차이점
HTML이란?
HTML은 (Hyper Text Makeup Langage) 의 약자이다. 즉 하이퍼 텍스트 문서를 만들기 위한 언어라는 뜻이지요. (하지만 윈도우 도움말에도 쓰이고
여러 방면에 쓰이고 있다.도움말에 파란색 부분이 보라색으로 바뀌는
그런 것을 보면 인터넷과 똑같다고 느껴본적이 있으시겠죠?)그러니깐 WWW(world wide web)에서 쓰이는 일종의 프로그래밍 언어라 보시면 좋겠습니다.또 HTML은 SGML(Standard Generalized Markup Language )에 근거하여 만들어 개발되었으며,개발된 유래가 하이퍼 텍스트를 만들기 위해서 이여서 HTML이라고
부른다고 합니다.
하지만 이것은 여러방면에 쓰이고 있어서 하이퍼 텍스트라는 표현은 정확하지가 않다고
필자는 본다. ASX파일이나 그런것에 접목시킬수 있기 떄문에 미디어라는 개념이
더 어울린다고 본다.
인터넷상(웹상)의 모든 문서는 HTML로 편집되어 집니다. 그 것들의 확장자는 HTML
또는 htm으로 표시됩니다.
HTML의 쓰임
HTML은 하이퍼 텍스트에서 글자의 모양,글자의 크기,글자색,이미지파일,문서이동(하이퍼링크)에도 쓰인다 . 그리고 HTML에서 사용하는 명령어를 태그
라고 하는데. 태그는 반드시 끝과 시작을 표시하는 짝으로 이루어져있다
하지만 이런 것들을 사용자들이 사용하기 힘들기 때문에 자동으로 태그를 생성해주는 웹에디터라는 프로그램이 생겼다 . 대표적인 예로 (주)나모인터렉티브 에서 제작한 '나모웹에디터'가 있다. 나모 웹에디터 말고도 주변에서 HTML문서를 쉽게 만들수 있는것이 있는데, 그것이 바로 메모장이다. 윈도우에서 삭제하지 않으셨다면 시작>프로그램>보조프로그램 이곳에서 실행시키실 수도 있고 . 마우스 오른쪽을 클릭하신뒤에 새 텍스트 문서라는것을 만들셔서 그 만들어진것을 더블클릭 하셔서 실행시키시면 간단합니다. 하지만 메모장은 나모웹에디터처럼 자동으로 태그를 생성하지 못합니다. 그러므로 사용자가
태그를 입력해 주어야 하죠. 저장하실때도 그냥 저장하시는게 아니라 파일 (ALT+F)누르신
뒤에 (다른이름으로 저장)을 클릭합니다. 그 후 확장자를 HTM으로 고쳐주시던가. 아니면 저장하신 텍스트 문서의 확장자를 HTM이나HTML로 바꿔주시면 HTML문서를 만드실수있습니다.그리고 또 HTML이 쓰이는 곳은 다방면으로 퍼져있다. 도움말의 예를 들어보자 모두 윈도우에서 F1을 눌러보자.인터넷과 비슷한 화면이라고 느껴지지 않는가? 이것도 HTML이 사용된 예라고
볼 수 있다.이것 말고도 HTML은 [사운드] , [동영상] , [그래픽], 등 다양한 멀티미디어 요소에 쓰이고있다.
HTML태그
1.
문서의 처음과 끝
2.
머리말.
3.
문서의 본문의 시작과 끝을 알림.
4.
본문 내용에서 하나의 단락을 구분.
5.
역시 단락을 구분하기 위해 사용하나 마지막 줄은 띄워주지 않음.
6.
줄바꿈.
7. ,
본문의 중앙으로 위치하도록 지정.
8.
설정된 부분을 동일하게 화면에 나타내줌.
9.
글꼴의 크기를 지정 n은 1~7사이의 정수
10 내용
글꼴의 모양및 크기를 지정
11. ,
글자를 한단계 크게 나타내줌.
12. ,
글자를 한단계 작게 나타내줌.
13. ,
글자를 강조해줌.
14
두꺼운 글씨체
15.
윗첨자
16.
아래 첨자
17.
인용문
18. ,
이탤릭체로 변환해줌.
19. ,
밑줄을 그어줌.
20. ,
글자를 깜빡이게 해줌.
21.
수평선을 그려줌.
22.
표의 시작과 끝을 알림
23
표의 열의 시작과 끝을 지정
24
표의 행의 시작과 끝을 지정
25.
문서에 이미지를 삽입.
26. 링크제목
문서에 링크를 걸어줌.
27.,
프레임을 생성. 한 페이지에 두개의 화면을 만들때 사용.
28.
외부 음악 동영상 플래쉬등등 재생.
29. ="주소"- 백그라운드 음악 재생.
30 내용입력
글자의 상하이동
마퀴태그의 패러매터
behavior=scrol 일정방향으로 스크롤...
behavior=slide 반복 후에 화면 끝에서 정지
behavior=alternate 좌우로 반복하기
scrolldelay=수치 스크롤 지연값을 정해준다. 값을 많이 주면 점프하듯이 스크롤...
scrollamount=수치 스크롤의 속도를 정해준다.
loop=수치 반복횟수를 정해준다.
infinite이면 무한반복...
bgcolor=RGB칼라 스크롤 영역의 배경색을 정해준다.
width=수치 스크롤 영역의 넓이를 정해준다.
height=수치 스크롤영역의 높이를 정해준다.
direction=left,right,up,down 왼쪽,오른쪽,위로,아래로...방향을 정해준다.
31.
아이프레임을 생성
32.
전체 글자 크기를 지정.
33.내용
관용적 표현을 위한 이탤릭체표현
34.내용
관용적 표현을 위한 이탤릭체표현
35.내용
관용적 표현을 위한 이탤릭체표현
36.내용
관용적 표현을 위한 이탤릭체표현
37.
타자체 courier체로 표현
38.내용
타자체 courier체로 표현
39.내용
타자체 courier체로 표현
40.내용
타자체 courier체로 표현
HTML의 기본구조
