728x90
| HTML기본 골격 |
기본골격
|
1. <html> ... </html>
웹 브라우저에게 html문서의 시작을 알려준다. 종료태그인 </html>을 문서의 마지막에 기술한다.
2. <head> ... </head>
html문서의 헤드 부분을 나타내며 문서가 웹 브라우저에 표시되기전에 읽혀진다. 가장 많이 사용되는 하위 태그로는 <title>과 <meta>태그가 있다.
3. <title> ... </title>
문서의 제목을 나타내며 웹 브라우저의 제목표시줄에 표시된다.
4. <meta> ... </meta>
1) 메타 태그란 ?
- 일종의 HTML문서의 정보를 담아두는 요소를 정의할 때 쓰이는 태그
- 보통 HTML문서의 레이아웃에 직접적인 역할(즉 브라우저상에 보여지게 하는 역할을 하는 태그가 아니다라는 뜻)을 하는 태그는 아님.
- HTML문서에 일정부분의 부가적 요소를 정의해두는 태그.
- 검색엔진에게 관련 정보 제공
- 문자 인코딩할 때
- 자동으로 새로고침하고자 할때
2) 세부 내용
- <meta name="author" content="소유자명">
- <meta name="description" content="간단한 설명">
- <meta name="keywords" content="키워드">
- <meta http-equiv="content-type" content="text/html; charset=euc-kr">
- <META HTTP-EQUIV="Refresh" CONTENT="10;URL=comic1.html">
3) meta 태그는 <title>태그 뒤에 써주는게 좋다.
5. <body> ... </body>
웹 브라우저 상에 보이는 실제 내용들이 기술되는 부분이다.
1) 속성들
| background | 문서 배경에 출력되는 이미지 |
| bgcolor | 문서 배경 색상 |
| text | 기본 글자 색 |
| link | 링크색 |
| vlink | 한번 방문한 링크의 색 |
| alink | 현재 클릭하고 있는 링크의 색 |
[예 1] 브라우저의 타이틀 지정하기
[예 2] 기본 바탕색 바꾸기
|
[예 3] 기본 바탕색과 글자색 바꾸기
|
728x90
댓글