티스토리 뷰
HTML의 구성
문서구성)
<html>
<head>
선언적인 요소
- 타이틀, 메타데이터(작성자, 작성일자, 키워드)
- JavaScript 함수정의, CSS 정의
</head>
<body>
실행적인 요소
- 웹브라우저에 보여질 태그들.
</body>
</html>
- 태그(element)와 속성(attribute)로 구성
태그는 부등호괄호로 표현: <>
<table> - 시작태그 StartTag
</table> - 끝태그 EndTag
- 속성은 속성명과 속성값으로 구성
(속성은 반드시 태그(시작태그,빈태그)내에 정의하여야 합니다.)
- 한 태그내에 들어가는 서로 다른 속성은 공백을 통해 구분
예)
<table border='1' cellpadding='5' bgcolor=yellow>
---> 속성명: border, cellpadding, bgcolor
---> 속성값: 1, 5, yellow
- 속성값은 인용부호 안에 넣어주는 것을 권장한다
- HTML태그는 대소문자 구분 X
- HTML주석(comment)
<!-- -->
- 공백(WhiteSpace)의 종류? ---> 한개 이상의 스페이스,엔터,텝의 조합
- 웹브라우저에서 공백인식하지만 모든 WhiteSpace는 브라우저에서 한개의 스페이스로 출력
- <font color = "red" size="20" face="궁서체">안녕,html</font>
---> 태그내에 들어가는 속성들의 순서는 상관하지 않는다.
HTML 주요 태그
<br/>: 줄바꿈태그
<h1></h1>: 줄바꿈포함
<B></B>: 굵게
<I></I>: 기울인
<U></U>: 밑줄
<DEL></DEL>: 지운글자
<특수문자> --> 모든 브라우저 적용
< 혹은 < : (<)의 문자기호
> 혹은 > : (>)의 문자기호
& 혹은 & : (&)의 문자기호
혹은   : ( ) 공간의 문자기호
★<블럭(영역)태그>: 스타일을 지정하거나 영역을 표시하는 용도로 사용
- p(문단태그) : 문단기준으로 앞뒤에 텍스트를 공백줄을 통해 구분
- div : 앞뒤 텍스트와 라인을 통해 구분(공백줄X)
- span : 앞뒤 텍스트와 구분없이 span이라는 이름으로만 구분
pre태그: 문서내의 공백을 유지
★<a>태그: 페이지 이동 용도로 사용
<a href="이동할 페이지 URL">텍스트</a>
<a href="이동할 페이지 URL"><img src="이미지경로"/></a>
'휴지통 > HTML' 카테고리의 다른 글
| test (0) | 2013.05.21 |
|---|---|
| image_test (0) | 2013.05.21 |
| escape_test (0) | 2013.05.21 |
| block_test (0) | 2013.05.21 |
| HTML2 (0) | 2013.05.21 |