1. HTML이란?
- 홈페이지 만들기를 '집 짓기'로 비유해보겠습니다.
- HTML은 집의 뼈대를 만드는 것과 같습니다. 바닥을 다지고, 철근 및 콘크리트로 집의 기본 구조를 잡는 것이지요.
2. HyperText Markup Language
- HTML은 HyperText Markup Language(하이퍼텍스트 마크업 랭귀지)의 줄임말입니다.
- 링크를 클릭하면 어디든 자유롭게 이동할 수 있는 홈페이지를 만드는 언어이지요.
* '하이퍼텍스트'란 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능입니다.
* '마크업'이란 태그(tag)를 사용해 문서의 요소 들이 어떻게 보일지 표시를 하는 것입니다.
* 태그(tag)는 꺽쇠 괄호(<,>)로 표시 되는 <h1></h1>과 같은 것들입니다. <h1>태그는 제목을 나타내는 태그입니다.
* '랭귀지'는 말 그대로 언어이고요.
3. HTML 문서 예시
- 아래 나오는 <html>, <head>, <body> 모두가 태그입니다.
- <h1>은 위에서 말한대로 제목을 나타내는 태그입니다. Result를 눌러보세요. 굵고 큰 글씨로 표현됩니다.
* <h2>은 조금 더 작은 글씨, <h3>은 조금 더 작은 글씨로 표현됩니다.
* <h1>, <h2>, <h3>은 크기 차이 외에도, 의미 상 다른 차이도 있습니다. 의미 차이는 다음에 알아봅시다.
See the Pen jOqedZQ by sunggookang (@sunggookang) on CodePen.
반응형
'홈페이지 만들기 > 1단계. HTML' 카테고리의 다른 글
| HTML 인라인(inline) 태그: <strong> <b> <em> <i> <q> <mark> <span> (0) | 2020.10.05 |
|---|---|
| HTML 기본 구조2 (0) | 2020.09.26 |
| 2020 비주얼 스튜디오 코드 사용 방법 및 HTML 기본 구조1 (0) | 2020.09.25 |
| 2020 비주얼 스튜디오 코드 설치(한글판) (0) | 2020.09.22 |
| 왕초보 홈페이지 만들기 (0) | 2020.09.20 |
댓글