HTML & CSS #01 : 기본

HTML - 텍스트와 이미지, 링크 등 여러 요소를 다루고 표시할 수 있는 웹 문서를 만드는 언어

시작태그< >와 끝태그</ >로 작성

<h1> ~ <h6> : 제목태그

<img > : 이미지 태그

<p> : 본문 태그

상단 <html lang="ko">와

<head>태그 안에 <meta charset="utf-8"> 설정을 필수적으로 해줘야함!

웹사이트를 만들 때 지켜야하는 약속들을 정리한 것 = 웹 표준

웹표준을 지키면 장소나 브라우저 상관없이 호환됨

웹 표준을 지킨 문서를 만드는 것 = HTML5로 문서를 만드는 것!! -> 유지보수에 좋다.

주요 웹 브라우저에는 크롬, 파이어폭스, 인터넷 익스플로러, 마이크로소프트 엣지 가 있음.

나는 크롬을 위주로 사용할 것.

웹 편집기는 eclipse

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>제목</title>

</head>
<body>

</body>
</html>

<!doctype html> : 현재 문서가 HTML5 언어로 작성된 웹 문서

<html> ~ </html> : 웹 문서의 시작과 끝

lang이라는 속성을 사용해 문서에서 사용할 언어 지정 (lang="ko")

<head> ~ </head> : 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분. (메타 데이터를 넣는 곳)

스타일 및 스크립트 등이 포함

문서에서 사용할 외부 파일들 링크. <title> 태그와 <meta> 태그 등이 있음

<body> ~ </body> : 실제로 웹 브라우저 화면에 나타날 내용

출처 : Do it! HTML5 + CSS3 웹 표준의 정석 (고경희)

hahee_IT