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

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

HTML에 오신 것을 환영합니다. HTML(HyperText Markup Language)은 웹의 근간으로서 웹 브라우저에 표시되는 콘텐츠와 해당 콘텐츠의 구조를 제공합니다.

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

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

개요

웹 개발자를 위한 이 HTML 과정은 초보자에서 전문가 수준의 HTML에 이르는 모든 개발자를 위한 탄탄한 개요를 제공합니다. HTML을 처음 사용하는 경우 구조가 건전한 콘텐츠를 제작하는 방법을 배우게 됩니다. 수년 동안 웹사이트를 구축해 왔다면 이 과정을 통해 자신이 가지고 있는지도 몰랐던 지식의 격차를 채울 수 있습니다.

Google은 이 여정을 따라 MachineLearningWorkshop.com의 구조를 구축해 나갈 것입니다. 이 시리즈를 만드는 과정에서 발생한 머신은 없습니다.

이것은 완전한 참조가 아닙니다. 각 섹션에서는 섹션 주제를 간단한 설명과 예시와 함께 소개하여 자세히 살펴볼 수 있는 기회를 제공합니다. MDNWhatWG 사양과 기타 web.dev 도움말과 같은 주제 참조로 연결되는 링크가 있습니다. 접근성 과정은 아니지만 각 섹션에는 접근성 권장사항 및 특정 문제가 포함되어 있으며 이 주제에 관해 자세히 알아볼 수 있는 링크가 포함되어 있습니다. 섹션마다 이해도를 확인할 수 있는 간단한 평가가 있습니다.

학습할 내용은 다음과 같습니다.

HTML 개요

HTML의 주요 개념에 대한 간략한 소개.

문서 구조

견고한 기반으로 HTML 문서를 구성하는 방법을 알아보세요.

메타데이터

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

시맨틱 HTML

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

제목 및 섹션

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

속성

다양한 전역 속성과 특정 HTML 요소에 고유한 속성에 대해 알아봅니다.

텍스트 기본사항

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

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

목록

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

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

테이블

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

Forms

HTML 양식의 개요입니다.

이미지

HTML 이미지 개요입니다.

오디오 및 동영상

오디오 및 동영상과 같은 HTML 미디어로 작업하는 방법을 알아봅니다.

템플릿, 슬롯, 그림자

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

HTML API

자바스크립트를 사용하여 HTML 정보를 노출하고 조작하는 방법을 알아봅니다.

포커스

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

기타 인라인 텍스트 요소

텍스트를 마크업하는 데 사용되는 요소의 범위를 소개합니다.

세부정보 및 요약

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

Dialog

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

결론 및 다음 단계

추가 리소스로 마무리하겠습니다.

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