HTML 학습에 오신 것을 환영합니다.

이 웹 개발자를 위한 HTML 과정은 초보자부터 전문가 수준의 HTML에 이르기까지 개발자를 위한 확실한 개요를 제공합니다.

HTML에 오신 것을 환영합니다. 하이퍼텍스트 마크업 언어(HTML)는 웹의 핵심이며 웹브라우저에 표시되는 콘텐츠와 콘텐츠의 구조를 제공합니다.

PDF 또는 인쇄된 버전의 이 페이지를 읽고 있지 않는 한 이 콘텐츠는 다양한 HTML 요소와 텍스트로 구성됩니다. HTML은 웹의 콘텐츠 레이어입니다. HTML 요소는 문서 객체 모델을 구성하는 노드입니다.

CSS는 페이지의 디자인 또는 프레젠테이션 레이어를 제공합니다. JavaScript는 동작 레이어로, 문서 내 객체를 조작하는 데 자주 사용됩니다. JavaScript 프레임워크로 빌드된 사이트는 사실 HTML을 조작하는 것뿐입니다. 따라서 스크립트가 쉽게 파싱하고 보조 기술이 쉽게 이해할 수 있는 방식으로 HTML을 마크업하는 것이 중요합니다. 즉, 최신 표준으로 HTML 코드를 작성해야 합니다.

개요

이 웹 개발자를 위한 HTML 과정은 초보자부터 전문가 수준의 HTML에 이르기까지 개발자를 위한 확실한 개요를 제공합니다. HTML을 처음 접하는 경우 구조적으로 건전한 콘텐츠를 빌드하는 방법을 알아봅니다. 수년간 웹사이트를 빌드해 왔다면 이 과정을 통해 자신이 몰랐던 지식의 공백을 메울 수 있습니다.

이 과정에서 MachineLearningWorkshop.com의 구조를 빌드할 예정입니다. 이 시리즈를 제작하는 과정에서 어떤 기계도 다치지 않았습니다.

이 목록은 일부에 불과하며 각 섹션에서는 섹션 주제를 간단한 설명과 예시로 소개하여 더 자세히 살펴볼 수 있는 기회를 제공합니다. MDNWHATWG 사양과 같은 주제 참조 링크와 기타 web.dev 도움말이 표시됩니다. 이 과정은 접근성 과정은 아니지만 각 섹션에는 접근성 권장사항과 구체적인 문제가 포함되며, 해당 주제에 대한 심층적인 내용을 살펴볼 수 있는 링크도 제공됩니다. 각 섹션에는 사용자가 이해도를 확인하는 데 도움이 되는 짧은 평가가 포함됩니다.

이 과정에서는 다음을 학습하게 됩니다.

HTML 개요

HTML의 주요 개념을 간략히 소개합니다.

문서 구조

견고한 기반을 바탕으로 HTML 문서를 구성하는 방법을 알아봅니다.

메타데이터

메타 태그를 사용하여 문서에 대한 정보를 제공하는 방법

의미론적 HTML

올바른 HTML 요소를 사용하여 문서 콘텐츠를 설명합니다.

제목 및 섹션

섹션 요소를 올바르게 사용하여 콘텐츠에 의미를 부여하는 방법

속성

다양한 전역 속성과 특정 HTML 요소에만 적용되는 속성에 대해 알아봅니다.

텍스트 기본사항

HTML을 사용하여 텍스트 형식을 지정하는 방법

링크에 관해 알아야 할 모든 정보

목록

목록 및 기타 콘텐츠 그룹화 방법

탐색은 모든 애플리케이션 사이트의 핵심 요소이며 HTML로 시작합니다.

테이블

표를 사용하여 표 형식의 데이터를 마크업하는 방법을 이해합니다.

Forms

HTML 양식에 대한 개요입니다.

이미지

HTML의 이미지에 대한 개요입니다.

오디오 및 동영상

오디오 및 동영상과 같은 HTML 미디어를 사용하는 방법을 알아보세요.

템플릿, 슬롯, 그림자

템플릿, 슬롯, 그림자에 관한 설명입니다.

HTML API

JavaScript를 사용하여 HTML 정보를 노출하고 조작하는 방법을 알아봅니다.

포커스

HTML 문서에서 포커스 순서를 관리하는 방법

기타 인라인 텍스트 요소

텍스트에 마크업을 적용하는 데 사용되는 다양한 요소를 소개합니다.

세부정보 및 요약

매우 유용한 세부정보 및 요약 요소의 작동 방식과 사용 위치를 알아보세요.

Dialog

<dialog> 요소는 HTML에서 모든 종류의 대화상자를 나타내는 데 유용한 요소입니다. 작동 방식을 알아보세요.

결론 및 다음 단계

추가 리소스를 소개하며 마무리합니다.

이제 HTML을 배울 준비가 되셨나요? 시작해 볼까요.