Введение в HTML

 

Общеизвестно, что HTML удивительно простой язык, состоящий из элементов, которые могут быть применены к частям текста и придать им разное значение в документе (Это пункт? Это маркированный список? Это часть таблицы?), разделить документ на логические секции (Создать заголовок, три колонки с содержимым или меню навигации) и добавить на Вашу страницу фото- и видео- контент. Этот модуль расскажет Вам о первых двух возможностях HTML и научит фундаментальным концепциям и синтаксису, необходимым для понимания HTML


Перед стартом

Для того, чтобы изучать этот модуль Вам не потребуются никакие знания HTML, кроме базовых навыков использования компьютера и использования Сети (посмотреть необходимый контент). Вам надо иметь базовую рабочую среду (смотри Установка базового програмного обеспечения), понимать как создавать и использовать файлы (смотри Работа с файлами) - обе части нашего модуля Начало работы с сетью .

Внимание: если вы работаете на компьютере/планшете/другом девайсе, с отсутствием возможности работы с файлами, Вы можете попробовать онлайн-программы для написания программ, например JSBin или Thimble.

Руководство

Этот модуль содержит статьи, которые помогут изучить основную теорию HTML и предоставит возможность проверить полученные навыки.

Начало работы с HTML
Составляя абсолютно базовые основы HTML, мы выделили элементы, свойства и другие важные определения, которые вы уже слышали и которые входят в язык. МЫ также покажем, как элементы HTML размещаются, из чего состоит типичная страница HTML и объясним другие важные языковые особенности. По ходу мы будем играть с HTML так, чтобы заинтересовать Вас!
Что такое заголовок? Метаданные в HTML
Заголовок HTML это такая часть документа, которая не отображается в браузере, когда страница грузится. Она содержит информацию, такую как страницу <title>, ссылки на CSS (если Вы хотите стилизовать свой HTML при помощи CSS), ссылки на пользовательские значки и метаданные (которые являются  информацией о документе, кто его написал и важные теги, которые описывают документ).
Основы редактирования текста в HTML
Основная задача HTML это давать тексту значение (также известно, как семантика),  т.е. чтобы браузер знал, как это отображать корректно. Эта статья покажет, как использовать HTML для того, чтобы разбить текст на блоки с заголовками и абзацами, добавить акцент/значение слов, создать списки и многое другое.
Создание ссылок
Ссылки очень важны-ведь именно они делают сеть сетью. Эта статья покажет, как создавать ссылки и обсудит их наилучшее применение на практике.
Углубленное форматирование текста
Существует множестводругих элемнтов HTML для редактирования текста, про которые мы Вам не рассказали в статье Основы редактирования текста в HTML. Описанные здесь приемы малоизвестны, но полезны на практике. Здесь мы научим выделять цитаты, списки описаний, компьютерный код и другой соответствующий текст, делать текст подстрочным и надстрочным, выделять контактную информацию и многое другое.
Структура документ а и веб-сайта
Для выделения отдельных частей страницы ( таких как "заголовок" или "изображение"), HTML также используется для выделения отдельных зон веб-сайта(Заголовок, меню навигации,  столбец с основным содержимым). Эта статья опишет простейшую структуру веб-сайта и расскажет об элементах HTML для написания этой структуры.
Отладка HTML
Писать на HTML хорошо, но что если, что-то пойдет не так и код не заработает из-за ошибки в нем? Эта статья покажет вам инструменты, которые могут Вам помочь.

Оценка

Следующие задания помогут Вам протестировать свое понимание основ HTML, показанных в статьях выше. Т.о. в этом задании вам будет дано письмо, чтобы его отредактировать.

Разметка письма
Все мы умеем писать письма, также это полезный вариант теста, для того, чтобы проверить наши навыки форматирования!
Структурирование страницы с контентом
Этот тест проверит вашу способность использовать структурирование HTML для простой страницы, где есть заголовок, сноска, меню навигации, основной контент и боковая панель.

Смотрите также

Основы интернет-грамотности
Этот курс Mozilla дает множество тестов на знания, описанные в модуле Введение в HTML. Учащиееся знакомятся с чтением, письмом и использованием сети в модуле из 6 частей. Открывают основы сети через производство и опыт сотрудничества.

Метки документа и участники

 Внесли вклад в эту страницу: Denispok, AKonia, pk.prog, Vosik, Cyganov
 Обновлялась последний раз: Denispok,