Как создать веб-сайт с помощью HTML

Введение

Если вы заинтересованы в изучении того, как создавать и проектировать веб-сайты, то Гипертекстовый язык разметки (HTML) – отличное место для начала. Этот серия учебных пособий на основе проектов познакомит вас с HTML и его методами, создавая персональный сайт с использованием нашего демонстрационного сайта (ниже) в качестве образца. Как только вы освоите основы, вы сможете изменить дизайн сайта и добавить персонализированный контент. Для следования урокам в этой серии не требуется предварительного опыта программирования.

HTML – это стандартный язык разметки, используемый для отображения документов в веб-браузере. Впервые разработанный Тимом Бернерсом-Ли в 1990 году во время работы в Европейской организации по ядерным исследованиям (CERN), HTML был одной из ключевых инновационных технологий, использованных для публикации первого в мире веб-сайта 6 августа 1991 года. Благодаря проекту восстановления 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-проект в следующем уроке.