웹 개발자를 위한 이 HTML 과정은 초보자부터 전문가 수준의 HTML까지 개발자에게 탄탄한 개요를 제공합니다.
HyperText Markup Language(HTML)는 웹의 근간으로, 웹브라우저에 표시되는 콘텐츠와 콘텐츠의 구조를 제공합니다.
이 페이지의 PDF 또는 인쇄된 버전을 읽고 있지 않다면 이 콘텐츠는 다양한 HTML 요소와 텍스트로 구성됩니다. HTML은 웹의 콘텐츠 레이어입니다. HTML 요소는 문서 객체 모델을 구성하는 노드입니다.
CSS(Cascading Style Sheets)는 페이지의 디자인 또는 프레젠테이션 레이어를 제공합니다. JavaScript는 동작 레이어로, 자주 문서 내 객체를 조작하는 데 사용됩니다. JavaScript 프레임워크로 빌드된 사이트는 실제로 HTML을 조작하는 것입니다. 따라서 스크립트가 쉽게 파싱하고 보조 기술이 이해할 수 있는 방식으로 HTML을 마크업하는 것이 중요합니다.
즉, 최신 표준으로 HTML 코드를 작성하는 것입니다.
학습할 내용
웹 개발자를 위한 이 HTML 과정은 초보자부터 전문가 수준의 HTML까지 개발자에게 탄탄한 개요를 제공합니다. HTML을 처음 사용하는 경우 구조적으로 건전한 콘텐츠를 빌드하는 방법을 알아봅니다. 수년간 웹사이트를 빌드해 온 경우 이 과정은 자신이 가지고 있는지조차 몰랐던 지식의 격차를 메울 수 있습니다.
이 여정에서 MachineLearningWorkshop.com의 구조를 빌드합니다. 이 시리즈를 만드는 데 사용된 기계는 없습니다.
이는 완전한 참조가 아닙니다. 각 섹션에서는 간단한 설명과 예시를 통해 섹션 주제를 소개하여 더 자세히 살펴볼 수 있는 기회를 제공합니다. MDN 및
WHATWG 사양, 기타
web.dev 도움말과 같은 주제 참조 링크가 있습니다. 접근성 과정은 아니지만 각 섹션에는 접근성 권장사항과 구체적인 문제가 포함되어 있으며 주제에 대한 자세한 내용을 살펴볼 수 있는 링크가 있습니다. 각 섹션에는 사용자가 이해도를 확인할 수 있는 간단한 평가가 있습니다.
학습할 내용은 다음과 같습니다.
HTML 개요
HTML의 주요 개념에 대한 간략한 소개입니다.
문서 구조
탄탄한 기반으로 HTML 문서를 구조화하는 방법을 알아봅니다.
메타데이터
메타 태그를 사용하여 문서에 관한 정보를 제공하는 방법입니다.
시맨틱 HTML
올바른 HTML 요소를 사용하여 문서 콘텐츠를 설명합니다.
제목 및 섹션
섹션 요소로 콘텐츠에 의미를 부여하는 방법을 알아봅니다.
속성
특정 HTML 요소와 관련된 속성과 함께 다양한 전역 속성에 관해 알아봅니다.
텍스트 기본사항
HTML을 사용하여 텍스트 형식을 지정하는 방법입니다.
링크
링크에 관해 알아야 할 모든 정보입니다.
목록
목록 및 콘텐츠를 그룹화하는 기타 방법입니다.
탐색
탐색은 모든 사이트 또는 애플리케이션의 핵심 요소이며 HTML로 시작됩니다.
테이블
테이블을 사용하여 표 형식 데이터를 마크업하는 방법을 알아봅니다.
양식
HTML의 양식에 대한 개요입니다.
이미지
HTML의 이미지에 대한 개요입니다.
오디오 및 동영상
오디오 및 동영상과 같은 HTML 미디어로 작업하는 방법을 알아봅니다.
템플릿, 슬롯, 섀도
템플릿, 슬롯, 섀도에 대한 설명입니다.
HTML API
JavaScript를 사용하여 HTML 정보를 노출하고 조작하는 방법을 알아봅니다.
포커스
HTML 문서에서 포커스 순서를 관리하는 방법입니다.
기타 인라인 텍스트 요소
텍스트를 마크업하는 데 사용되는 다양한 요소에 대한 소개입니다.
세부정보 및 요약
매우 유용한 세부정보 및 요약 요소의 작동 방식과 사용 위치를 알아봅니다.
대화상자
<dialog> 요소는 HTML에서 모든 종류의 대화상자
를 나타내는 데 유용한 요소입니다. 작동 방식을 알아보세요.
결론 및 다음 단계
추가 리소스로 마무리합니다.
HTML을 배울 준비가 되셨나요? 시작해 보겠습니다.