html5&css #1
HTML (Hyper Text Markup Language) 웹문서를 기술하기 위한 마크업 언어의 한종류.마크업이란 콘텐츠의 시작과 끝에 태그(Tag)라 불리는 표시를 붙여 그 부분이 어디에 해당되는지 의미를 부여하는것을 말합니다.
<p>시작하는 HTML</p>
시작태크 <P> 종료태크 </p> 를 사용 콘텐츠에 단락을 줌.
요소
시작과 종료 사이에 범위를 ‘요소’라고 합니다.
<p>시작하는 HTML</p>
속성
속성은 각 요소에 공통적으로 사용할 수 있는 것이 있는가 하면 특정 요소에만 사용하는 것도 있습니다.
a요소의 의미는 문서 이동(하이퍼링크) 이며 href속성으로 그 이동 경로 정보를 지정했습니다.
<a href=”http://www.google.com/”>google!</a>
DOCTYPE 선언(서형서언)
독타입 선언이란 어떤 버전의 HTML 언어로 기술 할 것인지 도큐먼트 타입을 명시하기 위한 것으로 HTML 문서의 첫머리에 기술하게 되어 있습니다. 현재의 표준 규제는 HTML5이므로 특별한 이류가 없다면<!DOCTYPE html>을 사용합니다. 사용할 HTML의 규칙에 따라 독타입 작성법이 정해져 있으므로 선택한 HTML의 언어 규격에 맞는 정확한 독타입을 넣어야 합니다.
html요소
html 요소는 HTML문서의 최상위 요소이며 문서 전체를 포괄하는 요소입니다.
html 요소에는 일반적으로 lang속성(문서의 언어코드)을 기술하는 것이 관례입니다. 대표적인 언어코드는 ko(한국어) en(영어) ja(일본어) zh(중국어)등이 있음
<html lang=”ko”>
head 요소
HTML문서의 제목,문자코드,키워드 등 문서의 보충 정보를 기재하는 것을 head요소라 한다. CSS나 JavaScript 같은 외부 로딩 파일 지정뿐만 아니라 검색 엔진을 위한 검색 키워드 정보까지도 기술 할 수 있다.
<head></head>
title 요소
title요소는 이름 그대로 HTMl의 제목을 표시하는 것으로 검색 엔진 최적화 (SEO:Search Engine Optimization)에도 매우 중요합니다. 모든 HTML 문서는 그와 관련된 내용을 적절하게 나타내는 내용을 title요소로 설정해야 합니다.
<title> 문서제목</title>
meta 요소
meta 요소는 문자코드나 문서의 개요, 키워드 등 브라우저 화면에는 나타나지 않는 문서 정보를 기술하는 데 필요한 요소임.
<mata charset=utf-8″>
<meta name=”description” content=”문서의 개요가 들어갑니다.”>
<meta name=”keywords” content=”키워드A, 키워드 B”>
문서코드 지정
HTML문서는 head 요소 안에 반드시 문자코드를 지정해야 함.
<mata charset=”utf=8″>
<!DOCTYPE html>
<html lang=”ko”>
<head>
<mata charset=”utf-8″>
<title>제목</title>
<mata name=”keywords” content=” “>
<mata name=”description” content=” “>
</head>
<body>
</body>
</html>