Автор:WebForMySelf
Видеокурс по HTML для начинающих.
HTML - это сокращение от «HyperText Mark-up Language» - язык разметки гипертекста. То есть простыми словами – это язык, с помощью которого мы можем оформить и представить информацию для отображения в интернете. Оформление страниц в языке html происходит, используя специальные конструкции - теги.
В данном учебнике по основам html для начинающих мы с вами будем изучать язык html и его теги. Тегов в html достаточно много. Но особенностью данного курса является то, что мы не будем в нем рассматривать детально все html теги. Поверьте, мне за почти 10-летний опыт разработки некоторые теги приходилось использовать всего несколько раз. Поэтому я не вижу смысла подробно рассматривать все теги, некоторые из которых вы, возможно, никогда не примените.
В учебнике по основам html для начинающих мы подробно рассмотрим необходимые для создания сайтов теги. Изученных тегов вам будет вполне достаточно для создания сайтов практически любой сложности, и при этом количество тегов будет приемлемо для качественного усвоения и запоминания. В курсе предусмотрены задания для самостоятельного выполнения, что помогает лучше изучить html на практике.
Вот разделы html, которые мы рассмотрим в курсе: форматирование текста, работа с изображениями, ссылки, списки, таблицы, формы.
Урок 1. Введение. Основы HTML
Прежде чем приступать к изучению чего-то нового, нужно убедиться в том, что то, что вы собираетесь изучать, поможет вам в достижении поставленных целей и желаемых результатов. Поэтому в первом уроке учебника я вам расскажу, что такое HTML, что такое CSS, для чего они нужны, рассмотрим на примерах, что с их помощью можно делать.
Урок 2. Структура HTML документа
Во втором уроке курса мы перейдем непосредственно к изучению самого HTML. Скачаем и установим редактор, в котором будем набирать код. Начнем изучать html теги. Рассмотрим стандартный шаблон HTML страницы, поговорим о том, из каких блоков состоит любая веб-страница, и за какую информацию о странице каждый блок отвечает.
Урок 3. Теги форматирования текста
В прошлом уроке мы разобрали структуру документа, а так же выяснили, что если поместить в html страницу текст, даже предварительно отформатированный, то он будет отображаться без какого-либо оформления. То есть нам необходимо каким-то образом выделить в тексте заголовки и подзаголовки, выделить абзацы, выделить важный текст жирным шрифтом или курсивом и т.д. И все это сделать мы сможем с помощью тегов форматирования текста.
Урок 4. Изображения
Изображения на веб-станицах используются довольно часто и много. Сегодня практически невозможно встретить сайты или страницы, на которых вообще не используются изображения. Изображения дополняют текст и помогают нам лучше воспринимать его. На современных веб-страницах изображения могу занимать до 80% от общего веса страницы. Поэтому очень важно уметь отображать картинки на сайте и уметь правильно работать с изображениями для сайта.
Урок 5. Ссылки. Ссылки-изображения
Без ссылок невозможно представить себе ни один сайт и, наверное, интернет. Меню любого сайта состоит из набора ссылок на его страницы. Выдача поисковой системы состоит из ссылок на страницы, которые по вашему запросу нашел поисковик. И в данном уроке мы с вами поговорим о том, какие ссылки бывают, и научимся делать ссылки для нашей страницы. Так же в уроке мы разберем вопрос, который почему-то у новичков вызывает затруднение, как делать картинку ссылкой?
Урок 6. Списки
Часто возникает необходимость что-то перечислить на веб-страницах. Очень хорошо при этом нам могут помочь списки. В html есть два типа списков маркированные и нумерованные. Так же есть возможность создавать вложенные списки. Еще добавлю, что списки очень часто используются не по своему прямому назначению, например, меню на большинстве сайтов делаются, используя списки. Поэтому тема списков не очень большая, но достаточно важная.
Урок 7. Таблицы
Таблицы в html, как и списки не всегда используются по своему прямому назначению. С помощью таблиц мы можем не только представлять табличные данные, например, справочные материалы, расписание, отчеты и т.д. и т.п. Так же с помощью таблиц мы можем делать структуру разметки для наших страниц. Но я вас сразу должен предупредить, что использование таблиц для создания разметки – это не приветствуется и даже плохо. Таблицы должны использоваться в html только для оформления табличных данных. О том как создавать таблицы мы поговорим в данном уроке.
Урок 8. Формы
Для того, чтобы дать возможность посетителям сайта вводить информацию, используются формы. HTML формы используются, когда мы вводим логин и пароль для входа на форум или в соц. сеть, когда мы вводим текст сообщения на форуме или в соц. сети и т.д. Так же к формам относятся кнопки переключатели и кнопки отправить. Тема форм достаточно объемная, и в данном уроке мы ее рассмотрим.
Было полезно? Ставь лайк
#html #html5 #css #css3 #webразработки