Html 이란?
: 웹페이지의 구조를 담당하고, 텍스트, 이미지, 링크등을 웹 브라우저가 표시할 수 있도록 나타내는 문서이다.
: 정보를 글로 표현함으로써 태그를 읽고 브라우저가 해석하여 표현해준다.
Html 특징
- 마크업 언어이다. (XML방식)
- <>모양으로 된 마크업을 사용한다.
- 이걸 태그라고 부른다.
- 태그를 씀으로서 문서를 형식화 해줌
- 태그로 정보를 구분하디고 함
- 태그의 열고 닫음 사이에 글자나 문구를 넣어 나타낸다.
- 예시 :
<p> 안녕하세요 </p>
- 하이퍼 텍스트
<a>라는 태그를 이용하여 링크를 넣어 다른 창으로 이동할 수 있다.
- Html은 웹페이지의 뼈대의 역할을 한다
Html 형식
<태그명> 나타낼 정보 </태그명>
: /로 열고 닫힘을 나타낸다.
Html 구성요소
<!DOCTYPE html>: HTML5 문서임을 나타낸다.- 이전 html 문서 표시 :
<!DOCTYPE>
- 이전 html 문서 표시 :
<html> </html>: 문서의 시작과 끝을 표시한다.- html을 나타내는 문서들은 이 태그안에 들어가야 한다.
<head> </head>: 문서의 타이틀과 문서의 메타데이터를 정의하는 영역- 메타데이터 : 검색엔진이 웹페이지 내용을 이해하는 것에 도움을 줌 그외 다양한 기능들이 있음
<body> </body>: 웹브라우저에 실질적으로 나타내는 영역
예시
<!DOCTYPE html>
<html>
<head>
<title>문서의 타이틀이에요</title>
</head>
<body>
웹브라우저에 나타나요
</body>
</html>
<> 사용
Html 태그의 종류는 수도 없이 많다.
모두 외우지는 말고 알아야 하는 태그들을 기억해두고 필요할 때
그때그때 찾아쓰면 된다.
Css이란?
: 웹브라우저 상에 눈에 보이는 색과 같은 꾸밈요소를 적용하는 코드이다.
: Css은 웹페이지의 미(美)의 역할을 한다
핵심
: html과 Css을 보고 브라우저가 어떤 구조로 나타냈고
어떤 작용으로 구조화가 됐는지 확인할 수 있으면 된다.
