[전산개론] 인터넷의 활용
- 등록일 / 수정일
- 페이지 / 형식
- 자료평가
- 구매가격
- 2009.08.24 / 2019.12.24
- 12페이지 / hwp (아래아한글2002)
- 평가한 분이 없습니다. (구매금액의 3%지급)
- 1,100원
최대 20페이지까지 미리보기 서비스를 제공합니다.
자료평가하면 구매금액의 3%지급!
1
2
3
4
5
6
7
8
9
10
11
12
추천 연관자료
- 목차
-
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
자료평가
-
아직 평가한 내용이 없습니다.
오늘 본 자료
더보기
최근 판매 자료
- 기초전자실험 with PSpice 최대전력 전달조건 레포트
- 물리화학 보고서- Conjugation 염료의 흡수 스펙트럼
- 일반물리학 실험 - 일과 에너지 결과보고서
- 디지털 회로 실험 및 설계 - ADC(Analog to Digital Converter) 실험 1
- [도로교통] 도로 폭에 따른 구간 내 LOS 분석
- [나노기술]나노기술의 정의와 응용분야 및 발전방향(A+레포트)★★★★★
- [도로교통] 도로 폭에 따른 구간 내 LOS 분석
- [창의공학] 계단 오르는 유모차 문제점 및 해결방안
- 모발 염색의 종류와 원리
- [조경실무]조경실무 - 도시경관의 문제점과 발전방향
저작권 관련 사항 정보 및 게시물 내용의 진실성에 대하여 레포트샵은 보증하지 아니하며, 해당 정보 및 게시물의 저작권과 기타 법적 책임은 자료 등록자에게 있습니다. 위 정보 및 게시물 내용의 불법적 이용, 무단 전재·배포는 금지됩니다. 저작권침해, 명예훼손 등 분쟁요소 발견시 고객센터에 신고해 주시기 바랍니다.