웹 프로그래밍/HTML5

Ch.02-1 HTML5 개요

ddongyeonn 2020. 3. 13. 15:09

HTML 페이지 기본

<!DOCTYPE html>
<!--이 부분은 주석문입니다.-->
<html>
	<head>
    	문서 제못, 자바스크립트 코드, css 스타일 정의, 메타 데이터 정의
    </head>
    <body>
    	문서의 본문 텍스트, 이미지, 테이블, 자바스크립트 코드, 동영상 등
    </body>
</html>

  • <!DOCTYPE html> - html5 언어로 작성된 문서임을 브라우저에 알리는 선언문

  • <!--이 부분은 주석문입니다.--> - 주석 처리되는 부분으로 화면에 출력되지 않는다.

  • <html> <head> <title> <body> - 4가지는 html5 문서의 필수 태그들이다.

  • <head> ~ </head> - 문서의 제목, 본문을 설명하는 메타 태그들, 자바스크립트 코드와 css스타일 시트 등을 포함하며 문서의 본문은 포함되지 않는다.

  • <body> ~ </body> - 문서의 본문으로 자바스크립트 코드를 포함할 수 있다. 헤드와 바디 사이에는 아무것도 들어갈 수 없다.

HTML 태그

<img src = "heart.jpg" width="100" height="100" alt="사랑합니다">

  • <img> 태그처럼 종료 태그가 없는 경우도 있지만, 대부분의 경우 시작 태그와 종료 태그로 구성된다.

  • 속성 값에 불필요한 공백이 들어가면 오류가 발생한다. ex) width=" 100"

  • 속성 값은 이중 인용 부호, 단일 인용부호, 부호사용 x 모두 가능하지만 속성 값에 공백이 있을 경우 반드시 사용해야 한다. ex) src="video images/funny.jpg"

  • 태그와 속성은 대소문자를 구분하지 않는다.

 

 

 

-참고문헌: 생능출판 명품 HTML5+CSS3+Javascript 웹 프로그래밍 황기태 저