Урок 1: Начинаем знакомство с HTML5

План:

  • Презентация нового курса
  • История развития интернета и html
  • Формируем структуру HTML
Доступ к видео-уроку, а так же к домашним заданиям и дополнительному материалу откроется после оплаты за урок или курс.

Описание:

Представляю Вашему вниманию вводный урок.
Начальная структура index.html:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Заголовок страницы</title>
<meta name="apple-mobile-web-app-title" content="Заголовок без SEO">
<meta name="description" content="Описание страницы">
<meta name="keywords" content="Ключевые слова для некоторых поисковиков">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad-retina.png">
<link href="/style.css" rel="stylesheet">
<script src="/scripts.js" defer></script>
</head>
<body>
  <header>
    Логотип
    <nav>
      Основная навигация
    </nav>
  </header>

  <main>
    Основное содержание страницы
  </main>

  <footer>
    Подвал сайта, Копирайты
  </footer>
</body>
</html>

П.С. Не забудьте создать все нужные favicon, стили и скрипты. В любом случае подробнее обо все этом в следующих уроках.
Главная БАЗОВЫЙ КУРС ПЕРВЫЙ УРОВЕНЬ программирования ВТОРОЙ УРОВЕНЬ верстки ВТОРОЙ УРОВЕНЬ программирования Начать обучение Запуск проекта Мелкие трюки Проверь свои знания Задачи по PHP MySQL Блог Отзывы