고정 헤더 영역
상세 컨텐츠
본문
반응형
HTML 이란?
HTML에 대해 공부하기 전에 과연 HTML이 무엇인지 알고 가도록 하겠습니다.
일반적으로 인터넷을 하기 위해 브라우저를 사용하게 됩니다.
브라우저는 크롬, 인터넷 익스플로러, 사파리, 파이어 폭스 등 여러 종류가 있습니다. (이중에 하나 정도는 사용하고 계실껍니다.)
책을 보기 위해서는 종이 위에 글자를 인쇄하듯이 브라우저를 통해 글이나 그림을 읽기 위해서는 문서를 작성해야 합니다.
브라우저에 보여지는 문서를 작성하는 언어가 HTML 입니다.
작성 예제
HTML을 어떠한 식으로 작성하는지 설명 드리겠습니다.
예를 들어 문서를 작성할때 굵게 표시하여 강조하고 싶은 단어가 있다면.
브라우저에 이 단어는 굵게 표시해줘 라고 태그로 표시해 줘야 합니다.
예를 들면 아래 같이
독도는 <b>우리땅</b> 입니다. |
<b> 태그로 감싸주면 우리땅 부분이 굵게 표시가 됩니다. (화면에 <b> 태그는 안보입니다. 아래 처럼 보입니다.)
독도는 우리땅 입니다.
|
그 외 테이블을 그린다거나 글씨 색깔, 크기를 변경할때 <b> 태그 처럼 여러가지 태그를 사용해서 문서를 작성하시면 됩니다.
태그의 종류 중 몇가지를 설명 드리겠습니다.
<!DOCTYPE html> 선언은 HTML5가 될이 문서를 정의
<html> 요소는 HTML 페이지의 루트 요소입니다
<head> 요소는 문서에 대한 메타 정보를 포함
<title> 요소는 문서의 제목을 명시
<body> 요소는 눈에 보이는 페이지의 내용을 포함
<h1> 요소는 큰 제목을 정의
<p> 요소는 문단을 정의
이 외에 수많은 태그가 있습니다.
태그 규칙
- HTML 태그는 일반적으로 <b> 및 </b>와 같이 쌍 으로 표시됩니다.
- 쌍의 첫 번째 태그는 시작 태그이고 , 두 번째 태그는 종료 태그입니다.
- 종료 태그는 시작 태그와 비슷하지만 태그 이름 앞에 슬래시가 삽입되어 있습니다.
반응형
'JavaScript & HTML > HTML' 카테고리의 다른 글
| HTML Headings (제목) (0) | 2018.03.30 |
|---|---|
| HTML Attributes (속성) (0) | 2018.03.27 |
| HTML Elements (요소) (0) | 2018.01.03 |
| HTML 기본 예제 (0) | 2017.12.20 |
| HTML 작성방법 (편집기) (0) | 2017.12.07 |
댓글 영역