[전산개론] 인터넷의 활용

  • 등록일 / 수정일
  • 페이지 / 형식
  • 자료평가
  • 구매가격
  • 2009.08.24 / 2019.12.24
  • 12페이지 / fileicon hwp (아래아한글2002)
  • 평가한 분이 없습니다. (구매금액의 3%지급)
  • 1,100원
다운로드장바구니
Naver Naver로그인 Kakao Kakao로그인
최대 20페이지까지 미리보기 서비스를 제공합니다.
자료평가하면 구매금액의 3%지급!
이전큰이미지 다음큰이미지
목차
HTML이란?

HTML의 쓰임

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. <html></html>

문서의 처음과 끝

2. <head></head>

머리말.

3. <body></body>

문서의 본문의 시작과 끝을 알림.

4. <p></p>

본문 내용에서 하나의 단락을 구분.

5. <div></div>

역시 단락을 구분하기 위해 사용하나 마지막 줄은 띄워주지 않음.

6. <br>

줄바꿈.

7. <center>, </center>

본문의 중앙으로 위치하도록 지정.

8.<pre></pre>

설정된 부분을 동일하게 화면에 나타내줌.

9. <hn></hn>

글꼴의 크기를 지정 n은 1~7사이의 정수


10 <font face="폰트이름" size="크기" color="색상">내용</font>

글꼴의 모양및 크기를 지정

11. <big>, </big>

글자를 한단계 크게 나타내줌.

12. <small>, </small>

글자를 한단계 작게 나타내줌.

13. <b>, </b>

글자를 강조해줌.

14 <STRONG></STRONG>

두꺼운 글씨체

15. <SUP></SUP>

윗첨자

16. <SUB></SUB>

아래 첨자

17. <blockquote></blockquote>

인용문


18. <i>, </i>

이탤릭체로 변환해줌.

19. <u>, </u>

밑줄을 그어줌.

20. <blink>, </blink>

글자를 깜빡이게 해줌.

21.<hr>

수평선을 그려줌.

22.<table width="가로크기" height="세로크기" border="테두리두께" cellpadding="셀간격크기" cellspacing="셀여백크기"></table>

표의 시작과 끝을 알림

23 <tr></tr>

표의 열의 시작과 끝을 지정

24 <td></td>

표의 행의 시작과 끝을 지정




25. <img="주소">

문서에 이미지를 삽입.

26. <a href="주소">링크제목 </a>

문서에 링크를 걸어줌.

27.<frameset>, </frameset>

프레임을 생성. 한 페이지에 두개의 화면을 만들때 사용.

28.<embed="주소">

외부 음악 동영상 플래쉬등등 재생.

29. <bgsound>="주소"- 백그라운드 음악 재생.

30 <marquee>내용입력</marquee>

글자의 상하이동

마퀴태그의 패러매터
behavior=scrol 일정방향으로 스크롤...
behavior=slide 반복 후에 화면 끝에서 정지
behavior=alternate 좌우로 반복하기
scrolldelay=수치 스크롤 지연값을 정해준다. 값을 많이 주면 점프하듯이 스크롤...
scrollamount=수치 스크롤의 속도를 정해준다.
loop=수치 반복횟수를 정해준다.
infinite이면 무한반복...
bgcolor=RGB칼라 스크롤 영역의 배경색을 정해준다.
width=수치 스크롤 영역의 넓이를 정해준다.
height=수치 스크롤영역의 높이를 정해준다.
direction=left,right,up,down 왼쪽,오른쪽,위로,아래로...방향을 정해준다.


31. <iframe src="주소" name="이름" width="가로크기" height="세로크기" marginwidth="좌우여백" marginheight="상하여백" scrolling="스크롤바여부" frameborder="테두리두께"></iframe>

아이프레임을 생성

32.<basefont size="크기">

전체 글자 크기를 지정.

33.<em>내용</em>

관용적 표현을 위한 이탤릭체표현

34.<dfn>내용</dfn>

관용적 표현을 위한 이탤릭체표현

35.<var>내용</var>

관용적 표현을 위한 이탤릭체표현

36.<cite>내용</cite>

관용적 표현을 위한 이탤릭체표현

37.<tt></tt>

타자체 courier체로 표현

38.<code>내용</code>

타자체 courier체로 표현

39.<samp>내용</samp>

타자체 courier체로 표현

40.<kbd>내용</kbd>

타자체 courier체로 표현




HTML의 기본구조

<HTML> <- HTML 문서의 시작

<HEAD>
<TITLE>~</TITLE> } HTML의 머리부분
</HEAD>

<BODY>
HTML 문서의 내용 } HTML 문서의 몸통 부분
</BODY>

</HTML> <-HTML 문서의 종료

모든 HTML 문서는 위의 구조와 같이 머리부분 (HEAD)과 몸통 부분(BODY)부분으로 나뉘어 지고, 또 머리부분(HEAD)에는 HTML문서의 타이틀(TITLE)을 포함하고 있다.

1.HTML의 시작과 종료

<HTML>~</HTML>

HTML 문서의 시작과 종료를 나타낸다. HTML은 HTML 언어로 만들어졌기 때문에 <HTML>로 시작해서 </HTML>로 끝나야 한다

2.HTML의 머리부분

<HEAD>~</HEAD>

<HEAD> 태그는 일반적으로 HTML 문서에 관한 정보들을 나타내는데 실제로 타이틀(TITLE)을 제외하고 다른 정보들은 웹 브라우저에 나타나지 않는다.

3.HTML의 타이틀

<TITLE>~</TITLE>

<TITLE>태그는 HTMLANS서의 타이틀(제목)을 지정하는 태그이다. <HEAD>~</HEAD>사기에 기입한다. <TITLE> 태그로 지정한 문서의 타이틀은 웹 브라우저의 화면 상단에 나타나면,64문자 이내로 기입하는 것이 좋다.





[타이틀의 사용 예]

<HTML>
<HEAD<TITLE>HTML SCHOOL</TITLE></HEAD>
</HTML>

4. HTML의 몸통부분

<BODY>~</BODY>

<BODY> 태그는 HTML 문서의 실제적인 내용이 들어가는 곳으로, <BODY>와 </BODY> 안에 포함되는 내용이 웹 브라우저 화면에 나타나게 된다.


XML정의와 특징

XML(eXtensible Markup Language)은 웹이나 인트라넷 환경에서 정보를 생성하고
데이터 자체와 데이터의 포맷 형태를 동시에 공유할 수 있도록 해주는 차세대 정보
포맷 표준이다.
XML은 서로 다른 시스템이나 작업 환경에서도 각종 문서를 불러올 수 있는 호환성을 갖고 있어 최근 많은
기업들이 XML기반의 솔루션을 잇달아 도입하였습니다.
특히 XML기반의 EDI가 전자상거래 시스템을 구축할 때 가장 각광받는 분야로 떠오르고
있다. 이는 호환성이 탁월한 XML이 E-마켓플레이스에서 물품 주문 및 확인 등
기업 간 거래를 할 때 표준화한 포맷으로 자리잡고 있기 때문이다.

XML의 개발 배경

HTML은 국제 표준인 SGML에서 파생되어 나온 언어이다.
하지만 HTML의 딜레마는 SGML을 완전히 지원하지 못하는 데 있다.
결국 SGML 애호가들이 SGML 그 자체로는 웹에 그대로 적용하기가 어렵다고 판단해서
해결책을 모색했는데 그결과 나온것인 HTML과 SGML
자료평가
    아직 평가한 내용이 없습니다.
회원 추천자료
  • [기독교교육] 멀티미디어를 활용한 주일학교 교육
  • 인터넷인터넷은 1969년 미국 국방부의 전시를 대비한 군사학 통합 정보통신망 구축 계획의 일환으로 비롯된 1980년대부터 급속히 확산된 개인용 컴퓨터의 보급과 각종 컴퓨터 통신망의 구축에 힘입어 전 세계가 연결되는 정보망을 말한다. 무엇보다 인터넷의 매력은 특별한 가입절차가 없이 누구에게나 공개되어 있다는 점이다. 인터넷은 초기에는 연구소와 대학들을 연결해 학술네트워크를 구축할 필요성으로 시작하였으나 이제는 다방면으로 활용되

  • [전자무역] 전자무역(사이버무역, 인터넷 무역)의 문제점과 활성화 방안
  • 대학원 논문, 2001.13. 이기희, 전자상거래 시대의 거래처 발굴과 신용문제 , 『전자상거래』, 창간호, 2000.14. 이희구, 한국 중소기업의 전자무역 활성화 방안에 관한 연구, 광운대학교 대학원 논문, 2003.15. 전경련 B2B 특별위원회, ekorea 추진을 위한 사이버무역 활성화방안, 2001.16. 텔렉쳐교육개발연구소, 『국제e-business개론』, 2003.17. 한학희, 사이버무역인프라로서의 무역자동화시스템 , 사이버 무역, 국제적 동향과 성공전략 , 『굿인포메이션』, 1999.

  • [평생교육개론] 평생교육 앞으로 나아갈 방향은
  • 전산망은 별도의 전산망이 아니라 국가 전체의 정보전산망에 연계하여 평생교육 관련 정보를 입력시키고 이를 각 지역과 단위 평생교육기관들이 접속하여 활용할 수 있도록 보급활용망을 구축함으로 가능할 것이다. 즉 평생교육 데이터 베이스의 조속한 구축과 평생교육 기관들의 환경구축 그리고 평생학습 상담센터 설치의 운영이라 할 수 있겠다. ㄷ. 취약계층을 위한 평생교육의 확충 향후 한국의 평생교육이 단순한 양적 차원의 발전이 아니라

  • 여수시도시관리공단 신규 직원 채용 자기소개서 + 면접질문모음
  • 인터넷, 주변 동료, 전문가, 교수, 이해관계자를 적극적으로 찾아가 질문하고 답을 얻습니다. 한번은 랩실에서 연구를 하는 도중 컴퓨터가 갑자기 다운되는 경우가 있었습니다. 저는 주변 동료들과 회의를 진행하였고 어떻게 할지 의견을 물었습니다. 딱히 다른 대안이없음을 느꼈고 결국 다른 분야의 연구실을 빌리기로 했습니다. 그 연구실을 담당하고 있는 관계자, 교수, 연구원들에게 양해를 구해서 연구실을 빌릴 수 있었습니다. 경진대회가 얼

  • [지리정보시스템, GIS] 지리정보시스템(GIS)의 발전과정, 필요성, 구축요건과 지리정보시스템(GIS)의 현황, 이용분야 및 지리정보시스템(GIS)의 경제적 효과, 향후 연구 방향 분석
  • 분석하고 이를 기반으로 우리 나라에서 실현 가능한 공간정보유통모델을 제안하였지만, 이들 모델들이 공간정보의 관리방식에 따라 구성되어 있으므로 모델별로 보다 상세한 시스템 구성 연구들이 필요하며, 이를 위해 시범사업의 필요성을 언급하였다. 참고문헌권동희, 지리정보론, GIS - 한울아카데미(1999)김계현, GIS개론 - 대영사(1994)김일곤 외, 지리학의 이해, -주제적 접근- 법문사(2001)이재기 등 공저, 지리정보시스템 - 신광문화사(2004)

오늘 본 자료 더보기
  • 오늘 본 자료가 없습니다.
  • 저작권 관련 사항 정보 및 게시물 내용의 진실성에 대하여 레포트샵은 보증하지 아니하며, 해당 정보 및 게시물의 저작권과 기타 법적 책임은 자료 등록자에게 있습니다. 위 정보 및 게시물 내용의 불법적 이용, 무단 전재·배포는 금지됩니다. 저작권침해, 명예훼손 등 분쟁요소 발견시 고객센터에 신고해 주시기 바랍니다.
    사업자등록번호 220-06-55095 대표.신현웅 주소.서울시 서초구 방배로10길 18, 402호 대표전화.02-539-9392
    개인정보책임자.박정아 통신판매업신고번호 제2017-서울서초-1806호 이메일 help@reportshop.co.kr
    copyright (c) 2003 reoprtshop. steel All reserved.