~~~ KOCI.INUMO.RU ~~~
HTML - основа основ Интернета. Базовый курс. Данный курс HTML составлен для совсем неподготовленных новичков, чтобы они сходу могли понять суть, самые основы создания веб сайтов в Интернете. Но, в тоже время, отдельные уроки могут быть полезны и для опытных профессионалов. Каждый урок сопровождается небольшой порцией теоретической информации, которая объясняется на практических примерах. Кроме того, в данный курс встроены несколько лабораторных работ, которые помогут пользователю узнать, насколько актуальны те или иные возможности по состоянию на момент прохождения курса.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
00. Главная страничка курса HTML.
В данном разделе вашему вниманию предлагается бесплатный онлайновый курс по основам HTML. Курс предназначен для новичков, которые ничего не знают об Интернете, но хотят стать профессионалами в области веб программирования и/или дизайна. Данный курс есть первый шаг для них.
Курс составлен по мотивам курса HTML сайта kocby.ru.
Суровая правда. Хорошо это или плохо, но факт есть факт. HTML в современном мире есть основа основ Интернета, а, следовательно, и всей современной жизни. Без знаний HTML невозможно добиться серьезного успеха ни в одном направлении бизнеса, невозможно сделать успешную карьеру.
Хорошая новость. HTML - это вовсе не язык программирования. Это всего лишь язык разметки текста. Если мы пишем какой-то текст без использования т.н. тегов, то он появляется на экране в простом естественном виде. А если, например, мы поместим какой-то текст <mark>внутри тега mark</mark>, то текст отобразиться соответственно правил для данного тега.
Только что мы, как бы между прочим, освоили один из элементов языка HTML - тег mark, который служит для выделения слова или словосочитания. Точно также мы освоим постепенно и пошагово все остальные теги, а результате будем уверенно владеть языком HTML.
Вот список шагов, которые нам предстоит пройти.
Урок 01 :: 01. Пара слов об Интернете с точки зрения HTML.
Урок 01.4 :: 01.4 Версии HTML: 5, 4.01, XHTML и пр.
Лаба 1 :: Лабораторная работа 1 :: какие теги DOCTYPE используются сегодня.
Урок 01.5 :: 01.5 HTML - структура страницы, CSS - дизайн.
Урок 01.6 :: 01.6 Софт :: редактор текстов Notepad++.
Урок 02 :: 02. Понятие тега :: Создание каркаса страницы.
Урок 03 :: 03. Параграфы и Заголовки.
Урок 04 :: 04. Списки.
Урок 05 :: 05. Атрибуты тега.
Урок 06 :: 06. Изображения.
Урок 07 :: 07. Ссылки, часть 1.
Урок 08 :: 08. Ссылки якорные и на емейл.
Урок 09 :: 09. Таблицы, часть 1.
Урок 10 :: 10. Таблицы, часть 2, устаревшие атрибуты.
Урок 11 :: 11. Устаревшие теги <strong>, <b>, <em>, <i>.
Урок 12 :: 12. Введение в формы: основы, каркас.
Урок 13 :: 13. Формы: поля типов name и password.
Урок 14 :: 14. Формы: радио кнопки.
Урок 15 :: 15. Формы: чекбоксы (checkbox).
Урок 16 :: 16. Формы: элементы выбора (select).
Урок 17 :: 17. Формы: Текстовая область (textarea).
Урок 18 :: 18. Формы: Кнопки. Создание кнопок.
Урок 19 :: 19. Формы: Объединение полей в группы (fieldset).
Урок 20 :: 20. Формы: Блокировка и "только чтение".
Урок 21 :: 21. Формы: Обработчик формы.
Урок 22 :: 22. Локальный сервер.
Урок 23 :: 23. Отправка данных методами GET и POST.
Урок 24 :: 24. PHP функция отправки письма.
Урок 25 :: 25. Использование внешних объектов.
Урок 26 :: 26. Тег <pre> :: предварительное форматирование.
Урок 27 :: 27. Тег <map> :: карта изображения.
Урок 28 :: 28. Метатеги.
Урок 29 :: 29. Комментарии в HTML.
Урок 30 :: 30. XHTML.
Урок 31 :: 31. Валидация документов HTML и XHTML.
Урок 32 :: 32. Теги <div> и <span>.
Лаба 2 :: Лабораторная работа 2 :: популярность тегов <div> и <span>.
Урок 33 :: 33. HTML сегодня - выводы.
Урок 34 :: 34. HTML5 - Теги <audio> и <video>.
Урок 35 :: 35. HTML5 - тег <canvas>.
Урок 36 :: 36. HTML5 - тег <svg>.
Урок 37 :: 37. HTML5 - новое в формах.
Урок 38 :: 38. HTML5 - новые семантические теги.
Лаба 3 :: Лабораторная работа 3 :: популярность новых семантических тегов в HTML5.
Урок 39 :: 39. Favicon (Фавикон) - иконка для сайта.
Урок 40 :: 40. Обои для сайта.
Урок 41 :: 41. Последний урок курса HTML.
Осуществлять навигацию по урокам вы можете либо с помощью списка уроков наверху ↑, либо с помощью панели управления (см справа наверху).
На каждой страничке курса есть простой навигационный прибор:
Курс составлен по мотивам курса HTML сайта kocby.ru.
Суровая правда. Хорошо это или плохо, но факт есть факт. HTML в современном мире есть основа основ Интернета, а, следовательно, и всей современной жизни. Без знаний HTML невозможно добиться серьезного успеха ни в одном направлении бизнеса, невозможно сделать успешную карьеру.
Хорошая новость. HTML - это вовсе не язык программирования. Это всего лишь язык разметки текста. Если мы пишем какой-то текст без использования т.н. тегов, то он появляется на экране в простом естественном виде. А если, например, мы поместим какой-то текст <mark>внутри тега mark</mark>, то текст отобразиться соответственно правил для данного тега.
Только что мы, как бы между прочим, освоили один из элементов языка HTML - тег mark, который служит для выделения слова или словосочитания. Точно также мы освоим постепенно и пошагово все остальные теги, а результате будем уверенно владеть языком HTML.
Вот список шагов, которые нам предстоит пройти.
Урок 01 :: 01. Пара слов об Интернете с точки зрения HTML.
Урок 01.4 :: 01.4 Версии HTML: 5, 4.01, XHTML и пр.
Лаба 1 :: Лабораторная работа 1 :: какие теги DOCTYPE используются сегодня.
Урок 01.5 :: 01.5 HTML - структура страницы, CSS - дизайн.
Урок 01.6 :: 01.6 Софт :: редактор текстов Notepad++.
Урок 02 :: 02. Понятие тега :: Создание каркаса страницы.
Урок 03 :: 03. Параграфы и Заголовки.
Урок 04 :: 04. Списки.
Урок 05 :: 05. Атрибуты тега.
Урок 06 :: 06. Изображения.
Урок 07 :: 07. Ссылки, часть 1.
Урок 08 :: 08. Ссылки якорные и на емейл.
Урок 09 :: 09. Таблицы, часть 1.
Урок 10 :: 10. Таблицы, часть 2, устаревшие атрибуты.
Урок 11 :: 11. Устаревшие теги <strong>, <b>, <em>, <i>.
Урок 12 :: 12. Введение в формы: основы, каркас.
Урок 13 :: 13. Формы: поля типов name и password.
Урок 14 :: 14. Формы: радио кнопки.
Урок 15 :: 15. Формы: чекбоксы (checkbox).
Урок 16 :: 16. Формы: элементы выбора (select).
Урок 17 :: 17. Формы: Текстовая область (textarea).
Урок 18 :: 18. Формы: Кнопки. Создание кнопок.
Урок 19 :: 19. Формы: Объединение полей в группы (fieldset).
Урок 20 :: 20. Формы: Блокировка и "только чтение".
Урок 21 :: 21. Формы: Обработчик формы.
Урок 22 :: 22. Локальный сервер.
Урок 23 :: 23. Отправка данных методами GET и POST.
Урок 24 :: 24. PHP функция отправки письма.
Урок 25 :: 25. Использование внешних объектов.
Урок 26 :: 26. Тег <pre> :: предварительное форматирование.
Урок 27 :: 27. Тег <map> :: карта изображения.
Урок 28 :: 28. Метатеги.
Урок 29 :: 29. Комментарии в HTML.
Урок 30 :: 30. XHTML.
Урок 31 :: 31. Валидация документов HTML и XHTML.
Урок 32 :: 32. Теги <div> и <span>.
Лаба 2 :: Лабораторная работа 2 :: популярность тегов <div> и <span>.
Урок 33 :: 33. HTML сегодня - выводы.
Урок 34 :: 34. HTML5 - Теги <audio> и <video>.
Урок 35 :: 35. HTML5 - тег <canvas>.
Урок 36 :: 36. HTML5 - тег <svg>.
Урок 37 :: 37. HTML5 - новое в формах.
Урок 38 :: 38. HTML5 - новые семантические теги.
Лаба 3 :: Лабораторная работа 3 :: популярность новых семантических тегов в HTML5.
Урок 39 :: 39. Favicon (Фавикон) - иконка для сайта.
Урок 40 :: 40. Обои для сайта.
Урок 41 :: 41. Последний урок курса HTML.
Осуществлять навигацию по урокам вы можете либо с помощью списка уроков наверху ↑, либо с помощью панели управления (см справа наверху).
На каждой страничке курса есть простой навигационный прибор:
Кроме того, на каждой страничке курса есть и более сложный механизм навигации по материалам курса, это машина-функционал с возможностью поиска.
*** Машина-Функционал для передвижения по страничкам курса HTML ***
Совет. Поскольку поиск здесь чисто локальный, в пределах курса HTML, запросы следует делать простые и краткие, например: главная страничка, сервер днс, версии html, xhtml, дата создания курса html, лабa 1, тег doctype, структура страницы, css дизайн, софт, редактор текстов, notepad++, понятие тега, создание каркаса страницы, параграфы, заголовки, <h1>, <p>, списки, список, ol, ul, dt, dd, атрибуты, id, class, style, start, изображения, images, img, графический файл, фотография, скан, рисунок, рисунки, ссылки, ссылка, a href, ссылки якорные, ссылки на емейл, таблица, таблицы, устаревшие атрибуты таблиц, cellpadding, cellspacing, align, устаревшие теги, strong, em, форма, form, обработчик событий, серверный язык php, name, password, size, maxlength, label, input, радио кнопки, radio, checked, чекбоксы, checkbox, элементы выбора, select, option, multiple, текстовая область, textarea, cols, rows, кнопка, reset, submit, button, fieldset, legend, блокировка, только чтение, disabled, readonly, обработчик формы, серверный язык, php, php, доменное имя, хостинг, отправка данных, метод get, метод post, php функция, отправка письма, mail(), внешние объекты, youtube.com, rutube.ru, pre, предварительное форматирование, map, карта изображения, метатеги, http-equiv, meta name, комментарии, <!--, -->, xhtml, dtd, валидация, валидатор, div, span, дивный степан, популярность тегов, html5, html4.01, audio, video, аудио, звуки, видео, кино, canvas, javascript, виртуальный планшет, графики, svg, векторная графика, datalist, output, keygen, email, number, hidden, семантические теги, семантика, header, nav, section, article, aside, figcaption, figure, mark, time, footer, популярность семантических тегов, favicon, фавикон, иконка, обои сайта, background-attachment:fixed;, подбор обоев, последний урок курса html, и т.п. Т.е. в отличии от поиска в Яндексе или Гугле, чем короче запрос, тем лучше. Вы не ограничены использованием в поиске только данными примерами. Примеры приведены просто для лучшего понимания, как поиск работает. Клики на примерах НЕ запускают поиск, а только помещают строку в окошечко ввода поиской строки.
Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Тропинка к данной страничке:
ГлавСтр :: Курс HTML
Следующие странички, рекомендуемые для посещения и изучения:
Урок 01
Страничка сделана на основе контента курса HTML сайта kocby.ru