Steady Blog
1장. HTML의 소개와 글 위치 및 문단 태크 본문
●HTML 개요
■ HTML이란 : : Hyper Text Markup Language의 약자로 웹르라우저에 하이퍼텍스트 기능을 가진 문서를 말하는 언어다.
웹 문서를 작성하기 위한 HTML은 하이퍼 텍스트라는 문서 형식을 사용함으로써, 문서 내의 단어나 그림을 마우스로 클릭하여 그것과 연결된 새로운 문서로 이동하게 하는 하이퍼링크 기능을 제공하고 있으며, 문자,음향,동영상과 같은 멀티미디어 문서들을 웹에서 사용할 수 있도록 해준다. 또한 HTML은 누구나 작성할 수 있는 간단한 작성 방법과 동시에 강력한 기능을 제공하는 등 많은 장점을 갖고 있다. 그러나 HTML이 표현할 수 있는 문서 형식에는 제한이 있으며 이러한 제약점을 해결하기 위하여 다양한 버전의 HTML이 등장하였다. 현재 HTML은 4.0버전 까지 발표 되었고 앞으로도 계속 새로운 기능을 추가하게 될 것이다.
HTML 파일은 일반 텍스트 문서와 같은 아스키형식의 파일이며, 확장자는 .html이다.
정리
HTML은 웹문서를 작성하기 위해서 하이퍼텍스트라는 문서 형식을 사용함.
간단한 작성 방법과 동시에 강력한 기능을 제공하는 언어다.
■ Hyper Text
문자, 그래픽, 음성 및 영상을 하나의 복잡한 비연속적인 연상의 거미집과 같이 서로 연결시켜, 제목의 제시 순서에 관계없이 이용자가 어떤 제목과 관련된 정보를 검색할 수 있도록 하는 정보 제공 방법.
- 하이퍼 텍스트는 상호연관된 텍스트 조각들을 비순차적으로 연결하여 구성한 정보
- 노드(Node)란 텍스트 정보의 단위
- 링크(Link)란 노도를 연결하는 포인터
정리
연관검색어 같은 느낌으로 이용자가 편하게 정보를 검색할수 있도록 하는 정보 제공방법
● HTML 구성
- HTML문서는 태그라는 명령어로 구성된다. 여기서 태그란 대소문자구별 없이 '<', '>'로 둘러싸인 명령어를 말한다.
- 태그의 기본형식으로는 <태그이름> 문서의 내용 </태그이름>
<HTML> ~ <HTML>
HTML문서의 시작과 종료를 알려주는 태그로, 지금부터 작성하는 문서는 모두 HTML 규약에 따른다는 의미도 함께 포함되어 있다. 그러므로 html문서에 삽일될 모든 문장과 태그는 시작 태그인 <HTML>과 종료 태그인 </HTML>사이에 들어가야 한다.
<HEAD> ~ <HEAD>
작성하고 있는 HTML 문서에 관한 일반 정보들을 표시하는 태그로, HTML 문서의 머리말에 해당한다. 이 태그 안에는 문서의 제목을 표시하는 <TITLE>태그, 문서에 사용될 스타일을 정의하는 <STYLE>태그, 사용할 스크럼트 언어를 정의하는 <SCRIPT>태그, 문서의 환경을 설정하는 <META>태그 등이 사용된다.
정리 - <HEAD>에 들어가는 태그
<TITLE> - 문서의 제목을 표시
<STYLE> - 문서에 사용될 스타일 정의
<SCRIPT> - 스크럼트 언어를 정의
<META> - 환경 설정
<TITLE> ~ </TITLE>
말그대로 작성하고 있는 HTML 문서의 제목을 표시한다. 이 태그 안에 기술된 문장은 웹 브라우저 상단의 "제목 표시줄"에 나타나게 되는데, 북마크 기능을 이용할 떄도 사용되므로 가능한 한 문서의 내용을 대표하는 문구를 사용하는 것이 좋다.
<TITLE>태그 안에는 제목 외에 다른 어떤 태그들도 사용할 수 없다.
<BODY> ~ </BODY>
웹 브라우저 화면에 보일 HTML문서의 실제 내용이 기술되는 곳으로, HTML문서의 본문에 해당한다. 그러므로 HTML문서를 표현하기 위한 대부분의 태그들이 이 태그 안에 위치하며, 배경에 사용할 그림이나 배경색, 또는 글자색등 HTML문서의 기초적인 환경 설정이 이곳에서 이루어진다.
● 태그
■ <BR> 태그
- line break (라인 나누기)를 의미하며 강제적으로 줄 바꿈을 할 때 사용한다.
- <BR>태그는 시작태그만 있고 여러행의 공백을 작성하고 싶을 떄는 원하는 <BR>태그를 사용할 수 있다.
■ <P> 태그
- 단란의 시작과 끝 부분에 넣어서 단락을 구분한다.
- <BR>태그를 두번 사용하는 것과 같은 효과이다.
- 종료 태그인</p>태그는 생략 가능하다.
■ <HR> 태그
- 수평선을 그어주는 태그로 사용되며 자동으로 줄바꿈이 된다.
속성
- <HR SIZE = n> 수평선의 두께 지정
- <HR WIDTH = n> 수평선의 넓이를 지정
- <ALIGN ="LEFT/CENTER/RIGHT"> 수평선의 정렬 방식
- <HR NOSHADE> 수평선의 음양효과를 없앤다.
■ <CENTER> 태그
- 문단을 중앙으로 정렬한다.
- <DIV ALING = "CENTER"> … </DIV>와 동일하다.
■ <DIV> 태그
- 문단을 정렬한다.
속성
- <DIV ALING="LEFT/CENTER/RIGHT"> 문단 정렬
'임시 자료 > HTML' 카테고리의 다른 글
| 3주차 자바스크립트1 (0) | 2015.03.18 |
|---|---|
| 실습 2-2 HTML5 캔버스 만들기2 (0) | 2015.03.11 |
| 실습 2-1 HTML5 캔버스 만들기 (0) | 2015.03.11 |