Урок 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 Блог Отзывы