Jay's Cookbook
Menu
  • Tags
  • Categories
  • Projects
Computer Science
OS
Network
Data Structure
Algorithm
Language
Code Architecture
Python
Javascript
Typescript
Java
Backend
Backend Theory
TypeORM
Node.js
NestJS
FastAPI
Frontend
HTML/CSS
React
Next.js
Data Engineering
DE Theory
MySQL
MongoDB
Elastic
Redis
Kafka
Spark
Airflow
AI
Basic
Pytorch
NLP
Computer Vision
Data Analytics
Statistics
Pandas
Matplotlib
DevOps
Git
Docker
Kubernetes
AWS
[HTML]: Intro
frontend
HTML-CSS

[HTML]: Intro

Jay Kim
Jay Kim 03 Dec 2023
시작 [HTML]: HTML의 기본 뼈대가 되는 태그

Table of Contents

  • HTML
  • HTML 태그
    • HTML 태그의 종류

HTML

  • HTML: HyperText Markup Language
    • HyperText: 단순 텍스트를 넘어, 텍스트간의 연결을 지원한다는 의미
    • Markup Language: 텍스트를 구조화하여 화면에 표시되도록 해주는 언어
  • 웹 페이지를 구성하는 기본적인 마크업 언어
  • 웹 브라우저가 HTML 문서를 해석하여 화면에 표시함으로써, 사용자는 다양한 웹 콘텐츠를 볼 수 있음
  • HTML의 가장 중요한 역할은 문서의 구조를 정의하는 것
  • 예를 들어, 제목, 문단, 리스트, 이미지, 링크 등을 HTML 태그를 사용하여 표현할 수 있음

HTML 태그

HTML 태그의 종류

  • 뼈대 태그
    • <html>, <head>, <body>, <script>
  • 헤드에 들어가는 태그
    • <title>, <meta>, <style>, <link>
  • 바디에 들어가는 태그
    • 글 문단: <h1> ~ <h6>, <p>, <strong>, <em>, <br>
    • 목록 태그: <ul>, <ol>, <li>
    • 테이블 태그: <table>, <tr>, <td>, <th>
    • 폼(Form): <form>, <input>, <textarea>, <button>, <label>
    • 링크 및 미디어 태그: <a>, <img>, <video>, <audio>
  • 시맨틱 태그
    • <header>, <nav>, <section>, <article>, <footer>, <aside>
  • 비시맨틱 태그
    • <div>, <span>
시작 [HTML]: HTML의 기본 뼈대가 되는 태그

You may also like

See all HTML-CSS
01 Mar 2024 [CSS] Layout: 플렉스(flex)
frontend
HTML-CSS

[CSS] Layout: 플렉스(flex)

20 Feb 2024 [CSS]: 선택자(selector)
frontend
HTML-CSS

[CSS]: 선택자(selector)

17 Feb 2024 [CSS]: 함수(func)
frontend
HTML-CSS

[CSS]: 함수(func)

Jay Kim

Jay Kim

Web development, data engineering for human for the Earth. I share posts, free resources and inspiration.

Rest
Lifestyle
Hobby
Hobby
Hobby
Hobby
2025 © Jay's Cookbook. Crafted & Designed by Artem Sheludko.