| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 코린이
- 캐시
- AWS
- HTML
- Promise
- 목적
- 코딩
- var
- 블록체인
- 시스템 통합
- 함수
- 성공으로 가는 길
- 기초다지기
- 기본연산
- IT
- 프로젝트 방법론
- let
- for
- system integration
- 생성형 Ai
- JavaScript
- CSS
- 워터폴개발
- const
- blockchain
- while
- 스크럼
- 자바스크립트
- 프론트엔드
- 그릿
- Today
- Total
Grit
HTML 기초적인 태그 본문
웹사이트, 웹 애플리케이션, 모바일 앱까지 만들 수 있는 HTML은 다른 언어들에 비해서 진입장벽이 낮은 마크업 언어이지만 어디에서 어떤 태그를 써야 하는지 모르는 경우가 다반사이다. 필수로 알아야 하는 태그들과 사용방법에 대해서 정리해 보았다.
<!DOCTYPE html> : 문서의 첫 부분에서 문서 유형을 지정하는 단일 태그이다.
<html> ~ </html> : 문서의 시작과 끝을 나타내며, 이 태그의 내부에 다양한 태그들이 포함되어 문서의 내용을 구성한다.
<head> ~ </head> : 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어간다. <title>, <meta>가 여기에 해당된다.
<meta charset="utf-8"> : 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그이다.
<title> ~ </title> : 문서의 제목을 나타낸다. 콘텐츠는 브라우저 탭에 표시된다.
<body> ~ <body> : 실제 브라우저 화면에 표시될 내용을 입력하는 태그이다. <h1>, <p>, <img>가 여기에 해당된다. 여기서 <h1> 태그는 폰트의 크기 차이이다. <p> 태그는 문단 요소를 나타내는 태그로써, 가장 많이 사용된다. <img> 태그는 이미지를 표시할 때 사용하는 태그이다.
가장 기초적인 태그들에 대해서 알아보았다. 각 태그들에 대한 설명들을 외워두는 것도 좋지만, 실제로 나만의 홈페이지를 만들면서 여러 가지 태그들을 써보고 실패도 해보는 것이 코딩하는 데 있어서 중요한 것 같다. 이론적으로는 알고 있으나, 실제로 써먹지 못하면 아무런 의미가 없는 것이 아닐까.
'IT > IT용어' 카테고리의 다른 글
| 기본적인 IT 용어정리(4) (0) | 2024.01.12 |
|---|---|
| 기본적인 IT 용어정리(3) (0) | 2024.01.11 |
| 기본적인 IT 용어정리(2) (0) | 2024.01.10 |
| 기본적인 IT 용어정리(1) (1) | 2024.01.09 |
| HTML 기초적인 태그(2) (0) | 2022.12.18 |
