HTML5 시작하기

엘리먼트 사용하기

I like <code> study </code> and work.

study 란 엘리먼트를 볼드체로 표시

시작태그 <code> 끝태그 </code> study 가 엘리먼트의 컨텐츠가 된다.

엘리먼트는 컨텐츠에 대해 브라우저에 알려주는 방식이다.

엘리먼트의 결과는 엘리먼트 컨텐츠에 적용된다.

※엘리먼트 이름은 대소문자를 구별하지 않는다. 브라우저들은 <CODE> 와 <code> <CoDe> 를 code 엘리먼트로 인식한다.

일반적으로는 소문자를 사용한다.

엘리먼트 요약

엘리먼트	설명
a	하이퍼링크 생성
body	HTML 문서의 컨텐츠 표시
button	form을 제출하기 위한 버튼 생성
code	컴퓨터 예제의 영역표시
DOCTYPE	HTML 문서의 시작 표시
head	HTML 문서의 헤더(header)부분 표시
hr	주제가 전환되는 단락 표시
html	문서의 HTML 부분 표시
input	사용자가 제공하는 입력 표시
label	다른 엘리먼트의 라벨 생성
p	단락 표시
style	CSS 스타일 정의
table	테이블 형식의 데이터 표시
td	테이블 셀 표시
textarea	사용자로부터 입력을 가져올 때 여러 줄 입력이 가능한 텍스트박스
th	테이블 헤더 셀 생성
title	HTML 문서의 타이틀 정의
tr	테이블의 열 정의

self-Closing 태그 

비어 있는 엘리먼트를 표현 할때 사용

<code /> 싱글 태그를 사용한 비어있는 엘리먼트를 표현

void 엘리먼트 사용하기

싱글 태그를 사용해서 표현 해야만 하는 몇몇 엘리먼트가 있음.

HTML 규격은 아무 컨텐츠나 이러한 엘리먼트에 포함시기는 것을 금지하고 있음.

이 엘리먼트들을 void 엘리먼트라고 한다.

대표적인 엘리먼트로는 hr <hr> 또는 <hr /> 로 사용을 한다.