웹 개발자를 위한 이 HTML 과정은 초보자부터 전문가 수준의 HTML까지 개발자에게 탄탄한 개요를 제공합니다.
HyperText Markup Language(HTML)은 웹의 기본이며, 웹브라우저에 표시되는 콘텐츠와 콘텐츠의 구조를 제공합니다.
PDF 또는 이 페이지의 인쇄 버전을 읽고 있지 않다면 이 콘텐츠는 다양한 HTML 요소와 텍스트로 구성되어 있습니다. HTML은 웹의 콘텐츠 레이어입니다. HTML 요소는 문서 객체 모델을 구성하는 노드입니다.
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로 시작됩니다.
테이블
표를 사용하여 표 형식 데이터를 마크업하는 방법을 이해합니다.
Forms
HTML의 양식 개요
이미지
HTML의 이미지 개요
오디오 및 동영상
오디오 및 동영상과 같은 HTML 미디어를 사용하는 방법을 알아봅니다.
템플릿, 슬롯, 섀도우
템플릿, 슬롯, 섀도우에 대한 설명입니다.
HTML API
JavaScript를 사용하여 HTML 정보를 노출하고 조작하는 방법을 알아봅니다.
포커스
HTML 문서에서 포커스 순서를 관리하는 방법
기타 인라인 텍스트 요소
텍스트를 마크업하는 데 사용되는 요소의 범위에 대한 소개입니다.
세부정보 및 요약
매우 유용한 세부정보와 요약 요소의 작동 방식과 사용 위치를 알아보세요.
Dialog
<dialog> 요소는 HTML에서 모든 종류의 대화상자를 나타내는 데 유용한 요소입니다. 작동 방식을 알아보세요.
결론 및 다음 단계
추가 리소스를 통해 마무리하겠습니다.
HTML을 배울 준비가 되셨나요? 시작하기