[생활코딩] HTML 수업 - (1) 정의와 기본문법
28 Jan 2020
Reading time ~1 minute
이 포스트는 생활코딩 HTML 수업을 기반으로 작성한 글입니다.
HTML의 정의와 기본문법에 대하여 알아보겠습니다.
HTML이란?
Hyper Text Markup Language의 약자로 하이퍼 텍스트를 가장 중요한 특징으로 하는 마크업이라는 형식을 가진 컴퓨터 언어입니다.
Hyper Text : 하이퍼 텍스트란? 링크를 통해 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트입니다.
Markup Language : 마크업 언어란? 태그 등을 이용하여 문서의 서식이나 데이터의 구조를 표현하는 언어입니다.
기본문법
인코딩 형식을 UTF-8로 하여 아래 내용을 a.html 파일에 저장하면 다음과 같은 출력 결과를 알 수 있습니다.
제목과 강조를 나타내는 태그 적용 전
오늘의 명언
우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다.
오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다.
제목과 강조를 나타내는 태그 적용 후 (h3, strong)
<h3>오늘의 명언</h3>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
오늘의 명언
우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다.
결론
- HTML의 태그의 문법은 기본적으로 시작 태그와 닫히는 태그로 구성됩니다.
- HTML 문서에서 개행을 했다고 해서 브라우저에서 자동으로 개행이 되지 않습니다.
- 글씨를 굵게하여 강조하고 싶다면 강조 태그인 strong 태그를 사용합니다.
- 제목 태그인 h1, h2, …, h6 태그를 사용하면 숫자에 따라 글자 크기구분이 됩니다. 또한 자동으로 강조와 줄바꿈이됩니다.