웹 어플리케이션 기초

HTML 기초

HTML(HyperText Markup Language)

HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트와 본문과 그 밖의 항목의 외관과 배치를 정의하는 CSS 같은 스크립트를 포함하거나 불러올 수 있다. HTML과 CSS 표준 스택은 W3C에서 제정한다.

HTML 요소의 가장 보편적인 형태는 세 가지 구성 요소를 가진다: 시작 태그(Start Tag)종료 태그(End Tag) 그리고 요소 속성(Attribute)은 그 태그들 내에서 특성을 부여한다.

 

주요 HTML 요소들

<br>    줄바꾸기
<p>    단락바꾸기(한줄 떨어짐)
<hr>    가로줄
<center>...</center>    ...을 가운데 정렬
<font>...</font>    ...의 폰트를 바꿈
<ul><li>...<li>...</ul>    ...을 순서없는 목록으로 만듦(기본: 까만동그라미)
<ol><li>...<li>...</ol>    ...을 순서있는 목록으로 만듦(기본: 숫자)
<table></table>    표만들기
<tr></tr>    행(<table>...</table>...에 넣는다)
<td></td>    열(<tr>...</tr> ...에 넣는다)
<td colspan=숫자></td>    그 셀부터 숫자만큼의 오른쪽 셀을 병합한다
<td rowspan=숫자></td>    그셀부터 숫자만큼의 아래쪽 셀을 병합한다

* ul : unordered list, ol : ordered list, li : list item

 

HTML 의 본질 : 정보 (사람과 컴퓨터가 모두 이해할 수 있도록 tag를 사용)

HTML 페이지 구성

HTML : 문서의 내용을 이루는 정보 및 문서의 구조 정의
CSS : 디자인 요소를 내용 정보(HTML)와 분리한 문서

Javascript : 문서에서 이벤트 기반 동작을 정의하는 언어.

 

HTML 참조 문서

http://dev.w3.org/html5/html-author/ : w3c 공식 reference
http://opentutorials.org/course/1058  : Html tag 사전

 

Html tag 사전 중요 tag

a : link를 만든다.

button : 버튼를 만든다.

canvas : 그림을 그릴 수 있는 영역을 나타한다.

div : 컨텐츠의 영역을 만든다.

form : 페이지의 상호작용을 위한 양식을 만든다.

h1~h6 : 단계별 제목을 만든다.

img : 이미지를 삽입한다.

input : 사용자 입력 양식을 만든다.

script : 동적 스크립트와 데이터 블럭을 문서에 포함한다.

style : 스타일 정보를 문서에 포함한다.

table : 2차원 표를 나타한다.

댓글

댓글 본문
작성자
비밀번호
버전 관리
휴먼밸
현재 버전
선택 버전
graphittie 자세히 보기