728x90
문서 내에서 링크
<!doctype html>
<html>
<head>
<title>WEB02.01.02</title>
<meta charaset="utf-8">
</head>
<body>
<h1><a href="web02-1-2.html">웹 프로그래밍 소개</a></h1>
<h5>목차</h4>
<ul>
<li><a href="#history">웹의 역사</a></li>
<li><a href="#html">HTML</a></li>
<li><a href="#css">CSS</a></li>
</ul>
<br>
<p style="margin_top: 40px;">
<h3><a id="history">웹의 역사</a></h3>
<p>
1989년 3월 스위스와 프랑스 사이에 위치한 유럽 입자 물리 연구소(CERN)의 소프트웨어 공학자인
팀 버너스리 등의 제안으로 시작되어 연구, 개발되었다.
원래는 세계의 여러 대학과 연구기관에서 일하는 물리학자들 상호간의 신속한 정보교환과 공동연구를 위해 고안되었다.
문자나 사진, 동영상, 음성 등이 조합된 데이터베이스인 사이트의 정보를 전용 열람용 소프트웨어인 웹 브라우저를 통해 입수한다.
또한 입수한 정보를 간단한 방식으로 전송하는 것도 가능하다.
</p>
<p>
세계적으로 대중화된 소프트웨어는 일리노이대학교 재학생(마크 안데르센, 넷스케이프의 전신인 Mosaic를 개발)이 작성한 것이다.
사용자들은 인터넷 '브라우저'의 도움으로 웹 세계를 떠돌아다닌다. 웹을 통해서 엄청나게 다양한 영역의 자료나 프로그램들,
이를테면 정부 정책 보고서부터 바이러스 박멸 소프트웨어 혹은 컴퓨터 게임에 이르기까지 다운로드할 수 있는 것이다.
웹사이트가 그 정교함을 더해감에 따라, 온갖 취향이나 구미를 만족시키는 향연장이 되었다.
여러 곳에서 정교한 그래프나 사진으로 치장하거나, 혹은 비디오나 오디오 파일을 장착하기도 한다.
웹은 또한 'e-상거래'를위한 주요 인터페이스 역할도 하고 있다.
</p>
</p>
<p style="margin_top: 40px;">
<h3><a id="html">HTML</a></h3>
<p>
HTML또는 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)는 웹 페이지를 위한 지배적인 마크업 언어다.
HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.
그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다.
HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다.
HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트와 본문과 그 밖의 항목의 외관과 배치를 정의하는 CSS 같은 스크립트를 포함하거나 불러올 수 있다.
HTML과 CSS 표준의 공동 책임자인 W3C는 명확하고 표상적인 마크업을 위하여 CSS의 사용을 권장한다.
</p>
<p>
HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.
그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한 HTML 태그들은 CERN 자체의 SGML 기반 문서화 포맷인 SGML GUID에 강하게 영향을 받았다. 이 요소 중 13개는 HTML 4 버전에서도 여전히 존재한다.
</p>
<p>
HTML은 동적인 웹 페이지의 웹 브라우저를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 1988년 ISO 기술 보고서 9537 SGML을 이용한 기법에서 찾을 수 있다. 하지만 SGML 개념의 일반적인 마크업은 단지 개별 효과 보다는 요소 기반이고 또한 구조와 처리의 분리(?)(HTML은 CSS와 함께 이 방향으로 점진적으로 이동해 왔다.)
</p>
</p>
<p style="margin_top: 40px;">
<h3><a id="css">CSS</a></h3>
<p>
종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로,
HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다.
W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.
</p>
<p>
마크업 언어(ex. HTML)가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리 같은 꾸미는 역할을 담당한다고 할 수 있다. 즉, HTML 구조는 그대로 두고 CSS 파일만 변경해도 전혀 다른 웹사이트처럼 꾸밀 수 있다.
</p>
<p>
현재 개발 중인 CSS3의 경우 그림자 효과, 그라데이션, 변형 등 그래픽 편집 프로그램으로 제작한 이미지를 대체할 수 있는 기능이 추가되었다. 또한 다양한 애니메이션 기능이 추가되어 어도비 플래시를 어느 정도 대체하고 있다.
</p>
</p>
</body>
</html>목적지 위치의 <a>태그의 속성으로 id를 지정해 출발지(클릭하는 부분)에서 href=#id로 링크가 이루어지게 한다.
문서의 양이 길지 않아서...딱 맞게 이동되지 않는다..
SMALL
'Web > Web Programming' 카테고리의 다른 글
| WEB02.1.4 이미지 삽입 및 이동 (0) | 2020.07.21 |
|---|---|
| WEB02.1.3 오디오 및 비디오 삽입 (0) | 2020.07.19 |
| [HTML] 입력 폼 (0) | 2020.07.19 |
| [HTML]링크와 멀티미디어 (0) | 2020.07.16 |
| WEB 01.2 (0) | 2020.07.12 |