웹 클라이언트 이론 공부해보기 후속편

오늘은 학교에서 웹클라이언트 컴퓨팅 첫 수업을 듣고 정리한 기록의 연장선으로 작성되었습니다.

html 페이지의 기본 구조

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

html의 필수 태그는 hmtl과 head와 title 그리고 body입니다.

!DOCTYPE html은 html 문서임을 알리는 지시어입니다.

지시어는 반드시 첫 줄에 위치해야하며, 태그는 아닙니다.

소문자도 가능합니다.

주석은 <!-- -->으로 사용할 수 있으며,

head 태그안에 문서의 제목과 본문을 설명할 수 있는 메타 태그를 넣을 수 있습니다.

또한 자바스크립트, css도 삽입할 수 있습니다.

body는 문서의 본문을 나타내며 자바스크립트를 포함할 수 있습니다.

head와 body 사이에는 아무것도 들어 올 수 없습니다.

html 태그 특징

시작 태그와 종료 태그가 모두 있는 경우와 시작 태그만 있는 경우가 있습니다.

대부분이 시작과 종료 태그가 있지만, 줄을 긋거나 개행하는 역할은 종료가 필요 없기 때문에 시작 태그만 있습니다.

태그와 속성은 대소문자 구분이 없습니다.

블록과 인라인 태그

태그는 블록 태그와 인라인 태그로 구분됩니다.

블록 태그는 항상 새로운 라인에서 시작하여 출력하며, 양 옆에 다른 컨텐츠를 배치하지 않고 한 라인을 독점적으로 사용합니다.

인라인 태그는 블록 속에 삽입되어 블록의 일부처럼 출력됩니다.

대표적인 예로 span 태그입니다.

Written on March 9, 2018