소개
HTML 핸드북에 오신 것을 환영합니다! 저는 주노입니다. 당신이 여기 있어서 정말 기쁩니다. 사람들이 처음으로 웹 페이지를 작성하도록 돕는 것이 제 가장 좋아하는 일이며, HTML이 각괄호들의 벽에서 뭔가 이해가 되는 것으로 변하는 것을 보는 것은 절대 지루하지 않습니다.
우리는 웹 페이지가 정말 무엇인지부터 시작해서, 한 번에 한 조각씩 만들어 올라갈 것입니다. 경험이 필요하지 않습니다.
여기의 어떤 것도 너무 기본적이어서 질문할 수 없는 것은 없으므로, 자신의 속도대로 진행하세요. 함께 거기에 도달할 것입니다!
이 핸드북은 웹 개발을 시작하는 모든 사람을 위한 것입니다. HTML은 웹의 첫 번째 언어입니다: 페이지에 있는 것을 설명하는 일반 텍스트로, 제목과 단락부터 이미지, 링크, 버튼까지입니다. 페이지를 스타일링하거나 상호작용을 만들기 전에, 페이지에 무엇이 포함되어 있는지 설명하고, 그 설명이 HTML입니다. 전체 내용에서 볼 두 가지 용어에 대해 간단히 말하면: 브라우저는 당신의 HTML을 읽고 페이지를 그리는 프로그램입니다(Chrome이나 Safari 같은). 요소는 페이지의 단일 레이블이 있는 부분으로, 제목이나 단락 같은 것입니다. 여기의 모든 개념은 깊이, 예제, 빠른 답변이 필요할 때마다 검색할 수 있는 것과 함께 완전히 작성되어 있습니다.
시작하기 위해 이전의 코딩 경험이 필요하지 않습니다. 파일에 텍스트를 입력할 수 있다면, 처음 장들에 필요한 모든 것이 있으며, 다른 모든 것은 진행되면서 소개됩니다. HTML은 거의 모든 웹 개발자가 시작하는 곳입니다. 왜냐하면 세상의 모든 웹사이트는, 아무리 복잡하더라도, HTML 위에 구축되어 있기 때문입니다.
핸드북은 아래에서부터 위로 작업합니다. 당신은 페이지를 구조화하고 텍스트를 마크업하는 방법을 배우고, 링크와 미디어를 추가하는 방법을 배우고, 의미론으로 마크업에 실제 의미를 주는 방법을 배우고, 방문자로부터 입력을 받는 양식을 만드는 방법을 배우고, 모든 사람이 접근할 수 있고 검색 엔진이 이해하기 쉬운 페이지를 만드는 방법을 배웁니다. 각 아이디어는 그 자체로는 작지만, 당신이 실제로 배포할 수 있는 페이지로 쌓입니다.
여기서의 접근 방식은 무엇을 입력할 것인지뿐만 아니라 각 HTML 부분이 무엇을 하는지와 왜 하는지를 설명하는 것입니다. 누구나 예제에서 태그를 복사하고 화면에 뭔가 나타나는 것을 볼 수 있습니다. 그것과 읽을 수 있고, 접근 가능하며, 변경하기 쉬운 페이지를 만드는 것 사이의 거리는 마크업이 브라우저, 스크린 리더, 그리고 그것을 편집할 다음 사람에게 무엇을 의미하는지 이해하는 것입니다. 그 이해가 어떤 단일 프로젝트보다도 오래 지속됩니다.
가이드 만나기
이 핸드북은 세 명의 가이드가 호스팅하며, 당신이 누가 당신을 안내할지 선택합니다. 자료는 모두 동일합니다. 가이드는 그것이 전해지는 목소리를 설정하고, 적응하는 페이지에서 각 섹션이 얼마나 깊이 있는지를 설정합니다.
- 주노는 초급 트랙을 가르칩니다: 따뜻하고 인내심 있는, 단순한 비유, 아무것도 가정하지 않습니다.
- 에이스는 중급 트랙을 가르칩니다: 실용적이고 빌드 우선, 당신이 실제로 하는 것으로 직진합니다.
- 솔은 Deep Dive를 가르칩니다: 메커니즘, 트레이드오프, 그리고 다른 모든 사람들이 건너뛰는 프로덕션 세부 사항입니다.
페이지의 상단에 있는 픽커에서 언제든지 가이드를 전환하거나, 오른쪽 하단에 있는 환경 설정을 열어 가이드, 언어, 또는 글꼴 크기를 변경하세요.
준비가 되면, 핸드북이 본격적으로 시작됩니다. 다음 장인 HTML이란 무엇인가는 HTML이 실제로 무엇인지와 나머지 모든 트랙이 구축된 작은 태그, 요소, 속성의 어휘를 다룹니다.
빌드하면서 배우는 것을 선호하신가요?Scrimba의 무료 HTML and CSS 코스는 5개의 프로젝트와 75개 이상의 인터랙티브 챌린지를 통해 동일한 내용을 다룹니다.