- PROGRAMMING

[HTML] HTML(HyperText Markup Language) 이란?





HTML(HyperText Markup Language) 이란?

  • 웹 페이지를 만드는 기본적인 언어입니다.
  • 웹 브라우저가 HTML 문서를 해석하여 화면에 표시하며, 웹 사이트의 구조를 정의하는 역활을 합니다.



HTML의 특징

  1. 마크업 언어(Markup Language)
    • HTML은 문서의 구조(Structure)를 정의하는 마크업 언어입니다.
    • <태그>를 사용하여 제목, 단란, 이미지, 링크 등을 배치할 수 있습니다.
  2. 정적인 문서 작성
    • HTML 자체만으로는 정적인 페이지를 생성합니다.
    • 동적인 기능(예: 버튼 클릭, 애니메이션 등)은 CSS 와 JavaScript를 함께 사용해야 합니다.
  3. 하이퍼텍스트(HyperText) 기능
    • HTML 문서는 다른 웹 페이지로 이동할 수 있는 링크(Anchor, <a> 태그)를 포함할 수 있습니다.
  4. 플랫폼 독립적
    • 운영체제와 상관없이 웹 브라우저만 있으면 HTML 문서를 볼 수 있습니다.
  5. 웹 표준 언어
    • HTML은 W3C(세계 웹 컨소시엄)에서 관리하는 웹 표준 언어입니다.
    • 최신 HTML 버전인 HTML5는 모바일 환경을 지원하며, 다양한 멀티미디어 기능이 추가되었습니다.



HTML 기본 구조

<!DOCTYPE html>  <!-- HTML5 문서 선언 -->
<html lang="ko"> <!-- HTML 문서의 시작 -->
<head>
    <meta charset="UTF-8">  <!-- 문자 인코딩 설정 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  <!-- 반응형 웹 지원 -->
    <title>HTML 소개</title>  <!-- 웹 페이지 제목 -->
</head>
<body>
    <h1>안녕하세요! HTML입니다.</h1>
    <p>이것은 HTML 문서의 예제입니다.</p>
</body>
</html>


  • <!DOCTYPE html> : HTML5 문서임을 선언하는 코드
  • <html> : HTML 문서의 시작과 끝
  • <head> : 문서의 메타 정보(제목, 인코딩, CSS 등 포함)
  • <title> : 브라우저 탭에 표시되는 제목
  • <body> : 실제 웹 페이지에 표시될 콘텐츠 (텍스트, 이미지, 링크 등)



HTML의 발전 과정

버전특징
HTML 1.0 (1903년)최초의 HTML 표준, 기본적인 텍스트 표시만 가능
HTML 2.0 (1995년)폼(form) 요소 도입
HTML 3.2 (1997년)표(table), 스타일 등 추가
HTML 4.01 (1999년)CSS 지원 강화
XHTML (2000년대 초반)XML 과 HTML을 결합한 표준
HTML5 (2014년~현재)멀티미디어 지원 강화(비디오, 오디오), 반응형 웹 지원



seuheu

최근 게시물

[Linux] Rocky Linux 9.5 NFS 구성 및 테스트 가이드 (rw/ro + root_squash 비교)

https://youtu.be/n8-wlkZiqio 1. 개요 NFS(Network File System)를 설치하고, rw/ro 및 root_squash 옵션에 따른 접근 제어와 성능을 테스트하는 방법을 정리한 가이드입니다.…

%일 전

[Linux] Rocky Linux 9.5 Cron 설정 및 테스트 방법

https://youtu.be/4MVxzmepY3s 1. 개요 리눅스에서 정기적으로 실행되는 작업(백업, 로그 정리, 모니터링 등)은 cron 서비스를 통해 자동화할 수 있습니다.…

%일 전

[Linux] Rocky Linux 9.5 계정 관리 (생성 · 권한 · 잠금 · 삭제) 정리

https://youtu.be/vPfxWFBE1yc 1. 개요 리눅스 서버를 운영할 때 사용자 계정 생성, 비밀번호 설정, 권한 부여, 계정…

%일 전

[Linux] Rocky Linux 9.5 Chrony로 시간 동기화 설정하기

https://youtu.be/Gvp2XwBfoKw 1. 개요 리눅스 서버에서는 시스템 시간(OS 시간) 과 하드웨어 시간(RTC, Real-Time Clock) 을 동기화하는 것이 매우 중요합니다. 클러스터…

%일 전

[Linux] Rocky Linux 9.5 리눅스 시간 관리 입문: 하드웨어(RTC)와 시스템(OS) 시간 개념부터 동기화까지

https://youtu.be/pt9qhawl8LY 1. 개요 리눅스 서버에서는 시스템 시간(OS 시간) 과 하드웨어 시간(RTC, Real-Time Clock) 을 모두 관리할 수 있습니다. 운영체제의…

%일 전

[Linux] Rocky Linux 9.5 타임존(Timezone)이 뭐예요? 리눅스 시간 확인과 변경 방법

https://youtu.be/iPdHGXh7DUg 1. 개요 서버 운영 시 시스템 시간이 올바르게 설정되어 있지 않으면 로그 분석, 모니터링,…

%일 전