HTML 기초 이해하기 #1

728x90

HTML

- Hyper Text Markup Language의 약자

- 웹컨텐츠 구조를 지정하는 컴퓨터 언어

- 웹 서버에 저장되어 클라이언트 웹 브라우저 요구에 따라 불려지는 문서

DOCTYPE 지정

- 웹 브라우저가 정확히 HTML을 표현하기 위해 HTML 버전을 명시.

- HTML5의 경우에는 <!DOCTYPE html>

HTML 요소(Element)

- 대소문자를 구분하지 않는다.

- HTML 요소의 예

:문단 의미, <div>: 구별을 위한 요소

- tag와 차이점 ex) 지금 날씨는 흐림이다.

- 요소 : 지금 날씨는 흐림이다. tag의 시작부터 끝 전체를 의미한다.

- tag : , 딱 tag 부분만 의미한다.

- 빈요소(Empty Element) : 줄바꿈 요소, <img> : 이미지 요소

- 마침 tag 없이 단독으로 사용 되어지는 요소.

요소의 속성

- HTML 요소의 필수적, 부가적인 설정 값 의미

- tag 뒤에 공백을 하나 두고 속성명="속성값"의 형식으로 표현

ex) <a href="next.html">

ex) <a href="next.html" alt="Logo">

HTML5 기본구조

<!DOCTYPE html>
<html>
	<head>
    
    </head>
    <body>
    
    </body>
</html>

<html> : 전체 HTML 코드를 감싼다.

<head> : 메타데이터 스크립트와 CSS등이 위치.

<body> : 콘텐츠가 담기는 곳, 입력 내용이 웹 브라우저에 표시.

728x90

MONTEK$$