HTML로 웹사이트 구축하는 방법

소개

웹 사이트를 구축하고 디자인하는 방법에 관심이 있다면, Hyper Text Markup Language (HTML)은 시작하기에 좋은 장소입니다. 이 프로젝트 기반의 튜토리얼 시리즈에서는 우리의 데모 사이트(아래 참조)를 모델로 사용하여 HTML 및 해당 방법을 소개할 것입니다. 기본 사항을 배우면 웹 사이트의 디자인을 변경하고 개인화된 콘텐츠를 추가하는 방법을 알게될 것입니다. 이 시리즈의 튜토리얼을 따라가기 위해서는 이전의 코딩 경험이 필요하지 않습니다.

HTML은 웹 브라우저에서 문서를 표시하는 데 사용되는 표준 마크업 언어입니다. HTML은 1990년에 유럽 입자 물리 연구소 (CERN)에서 일하던 팀 버너스 리에 의해 처음으로 개발되었으며, 1991년 8월 6일에 세계 최초의 웹 사이트를 게시하는 데 사용된 주요 혁신적인 기술 중 하나였습니다. CERN의 복원 프로젝트 덕분에 지금은 원본 웹 사이트를 다시 방문할 수 있습니다. 그 이후로 HTML은 크게 업데이트되고 확장되었지만, 웹 페이지를 서식 지정하고 구조화하는 기본 목적은 동일합니다.

오늘날 HTML은 웹을 구축하는 데 사용되는 많은 도구 중 하나입니다. HTML을 작성하는 방법을 알면 웹 디자이너로서의 견고한 기반을 제공하고 CSS 및 JavaScript와 같은 추가 프런트 엔드 웹 개발 기술을 학습할 준비가됩니다.

이 튜토리얼 시리즈에서는 일반적인 HTML 태그와 기술을 사용하여 웹사이트를 만들고 사용자 정의하는 방법을 배우게 됩니다. 이 튜토리얼을 마치면 클라우드에 배포할 준비가 된 사이트가 준비됩니다.

필수 조건

• A code editor like Visual Studio Code or Atom. For this tutorial series, we will be using Visual Studio Code as our default code editor but you may use any code editor you like. Certain instructions may need to be slightly modified if you use a different editor.
• A web browser like Firefox or Chrome. We will be using Firefox as our default browser but you may use any browser you like. Certain instructions may need to be slightly modified if you use a different web browser.
• 개인 사이트를 개인화하기 위한 두 가지 다른 프로필 사진, 이미지 또는 아바타(선택 사항)가 필요합니다.

필수 조건을 갖추면 다음 튜토리얼에서 HTML 프로젝트를 설정할 준비가 됩니다.