Видеокурс по HTML

Видеокурс по HTML (скачать полностью exe-файл)

Вид меню видеокурса по HTML

Вид меню видеокурса по HTML

Видеоуроки:

  1. Введение. Что такое HTML?
  2. Что такое теги и атрибуты?
  3. Элемент DOCTYPE и раздел HEAD
  4. Параграфы и загаловки
  5. Учимся изменять цвет текста и цвет фона
  6. Дополнительные параметры текста
  7. Разбор первых полетов
  8. Списки и линии
  9. Изображения
  10. Ссылки
  11. Навигационные карты
  12. Таблицы
  13. Табличная верстка сайта
  14. Формы
  15. Фреймы
  16. Не затронутое, но интересное

Бонусы:

49 комментариев на “Видеокурс по HTML”

  1. Марина 6 января 2012 в 20:02 #

    Очень интересно.........Все понятно.........Спасибо =)

  2. True 11 января 2012 в 0:01 #

    Эм... Спасибо, видео уроки полезные даже хорошие... Но всё же хотелось бы увидеть не обычные коды т.е. с помощью которых можно было бы создать Облако Тегов 8) Эта замечательная вещь сейчас очень распространена и востребована было бы хорошо показать создание его.

    • Олег Зубцов 11 января 2012 в 1:15 #

      Это касается PHP, поэтому если мы будем это разбирать — то в курсе по PHP. Попробуйте воспользоваться готовыми скриптами.

  3. Дмитрий 6 марта 2012 в 20:05 #

    Здравствуй Олег, мне очень нравится твои уроки. Прошу тебя продолжать их снимать. Они очень полезны! Спасибо! =)

  4. Дмитрий 6 марта 2012 в 21:05 #

    А вот 2 вопроса! Первый почему у тебя ТАК сайт тупит, и второй, могбы ты также все уроки по css одним файлом для скачки выложить пожалуйста) =)

  5. Дмитрий 7 марта 2012 в 15:48 #

    Понятно)

  6. Дмитрий 8 марта 2012 в 22:09 #

    Вопрос. Изучал html остановился на 13 уроке(верстка табличная) И вопрос как фон задать ей?

  7. Дмитрий 8 марта 2012 в 23:21 #

    Вопрос. Вот , =) когда таблицу делаю то рамка в форме 3D ,как сделать 2D?

    • Олег Зубцов 9 марта 2012 в 3:34 #

      Попробуйте задать толщину рамке: <table border="толщина">...</table>

      <table border="1">...</table>

  8. Дмитрий 9 марта 2012 в 12:01 #

    Спасибо.

  9. Дмитрий 9 марта 2012 в 12:02 #

    А когда уроки по php выйдут?

    • Олег Зубцов 9 марта 2012 в 18:45 #

      Нет. Но все видеокурсы я стараюсь записывать в самом лучшем порядке для изучения на мой взгляд. PHP будет не скоро, но будут и не менее интересные видеокурсы.

  10. Дмитрий 9 марта 2012 в 21:21 #

    Жаль:( А ты бы не мог сказать у, кого ты учился?

    • Олег Зубцов 10 марта 2012 в 1:29 #

      По статьям в интернете. Очень рекомендуют Котерова почитать, я еще не читал. Сам я знаю PHP от силы процентов на 20-30. Буду совершенствоваться.

  11. Дмитрий 10 марта 2012 в 10:39 #

    Ок. Спасибо. У меня вопрос! Что надо прописать в коде чтоб каптча была.?

    • Олег Зубцов 10 марта 2012 в 11:09 #

      За этим стоит процесс действий, а не одно действие. Самый легкий для вас вариант: поискать скрипты и установить их по инструкции на свой сайт.

  12. Дмитрий 10 марта 2012 в 11:33 #

    Спасиб:D 😀

  13. Мария 13 марта 2012 в 22:53 #

    Здравствуйте!

    У меня вот какая проблема. Написала сайт...html...

    писала в блокноте...через какое то время...решила доработать его...(за это время винда 2 раза переустанавливалась...)

    и когда открыла сайт , что бы просмотреть html код и поработать...

    то код изменить вообще не смогла...

    Решила проверить и скачала шаблон для сайта...и там тоже самое...

    не могу внести изменения...в код...

    Причем текст в блокноте сейчас цветной...а раньше (когда менялся код) был черный.

    Подскажите пожалуйста в чем дело.

    Я не профессионал, просто пишу сайт для себя. Спасибо.

    • Олег Зубцов 15 марта 2012 в 2:05 #

      Тут нужен скрин... Во всяком случае, попробуйте установить NotePad++. Может быть проблема решиться 🙂

  14. Миша 17 марта 2012 в 20:01 #

    Как поставит название сайт на html?

    • Олег Зубцов 17 марта 2012 в 21:46 #

      По сути названием сайта является тег <title></title>. Если вы имеете ввиду название сайта как заголовок в шапке, то это действие изображений или тегов заголовков (H1, H2, H3 и т.д.). Советую вам посмотреть видеокурс по HTML. Я про все это там рассказывал уже.

  15. Мария 17 марта 2012 в 21:49 #

    Я скачала NotePad++.

    Далее:

    1. в нотебе создала запись в HTML кодом.

    2. сохранила файл в HTML (а потом закрыла его.)

    3. открыла сохраненный файл при помощи Экспловера.

    4. в открытой страничке экспловера выбираю: просмотр HTML кода...

    5. открывается страничка с кодом. (текст выделен цветом...)...

    6. пытаюсь изменить и ничего не получается.

    • Олег Зубцов 17 марта 2012 в 22:04 #

      Ну естественно не сможете. Браузер — это не редактор. А то бы вы и сайту google название сменили 🙂 Как минимум для этого потребуются расширения и они будут менять код временно и только на вашем экране. Про это у меня есть видеоуроки. А сам код редактируется в NotePad++ или схожих программах.

      Посмотрите весь видеокурс пожалуйста. Вы там найдете большинство ответов на свои вопросы. А если не найдете, то большая просьба задавать вопросы к соответствующим видеоурокам.

  16. Ильяс 24 марта 2012 в 22:10 #

    Здравствуйте!

    Хочу поблагодарить вас за эти замечательные видеокурсы!!! Хотел бы вам задать интересующий меня вопрос по html а именно про тему таблицы, не могли бы ответить на них, имеются ли взаимоисключающие атрибуты в теге а именно cellpadding и valign? так как атрибут valign не работает когда я прописываю атрибут cellpadding в одной и той же таблице. Благодарю вас за ответ

    • Олег Зубцов 24 марта 2012 в 23:46 #

      Здраствуйте, и вам спасибо 🙂 Только прошу в следующий раз задавать вопрос к соответствующему уроку. Вверху расположены ссылки на них.

      Ну а теперь ответ на ваш вопрос: тег <table></table> не имеет такого атрибута как valign, он имеет только атрибут align. А вот теги <td></td> и <tr></tr> имеют оба этих атрибута. Подробнее про html-теги и их атрибуты смотрите тут.

  17. Ильяс 25 марта 2012 в 20:18 #

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

  18. Ильяс 25 марта 2012 в 20:28 #

    в случае если по отдельности нужно задавать размер шрифта то для каждой ячейкий по отдельности да?

  19. Ильяс 25 марта 2012 в 20:31 #

    и еще вопрос если можно)) один и тот же размер шрифта в таблице и вне таблице отображаются по разному почему?

  20. Андрей 27 июня 2012 в 21:59 #

    Олег что делать если ты вставил картинку и на твём сайте написанно «Изображение», а его нет?

    • Олег Зубцов 29 октября 2012 в 8:28 #

      Проверить путь к изображению в коде. В том числе, проверить совпадает ли указанный формат изображения с настоящим.

  21. Ангелина 17 февраля 2013 в 22:39 #

    Здравствуйте, Олег!

    Спасибо большое за ваши уроки, все очень понятно и интересно смотреть.

    Вот только, у меня возникла проблема. Пытаюсь написать что-либо на русском языке, при создании сайта, но на русском никак не хочет отображаться, пишется символами. Что в названии страницы, что на обычной странице. В чем может быть проблема?

    • Олег Зубцов 18 февраля 2013 в 1:12 #

      Вы сохраняете файл в кодировке UTF8 без BOM?

      Посмотрите первый урок, там показано, как надо сохранять файлы.

      • Ангелина 25 февраля 2013 в 17:35 #

        Всё, я нашла свою ошибку 🙂

        Оказывается, там в тексте небольшая ошибка была, где первый урок, не правильно написала, посмотрела видео — нашла ошибку.

        Спасибо!

        • Николай 27 апреля 2013 в 14:33 #

          Добрый день, Олег! Скажите пожалуйста ,Вы уже создаете сайты?Зарабатываете на этом? Стоит заняться?

          • Олег Зубцов 14 июня 2013 в 4:47 #

            Уже создаю. Уже зарабатываю. Стоит, если у Вас есть желание. Обычно, труднее всего «начать». А дальше все вопросы сами отпадут 🙂

  22. олеся 7 мая 2013 в 16:05 #

    Молодец! Всё понятно и доходчиво,спасибо огромное!!!

  23. Оксана 8 июля 2013 в 13:32 #

    Здравствуйте Олег. Подскажите пожалуйста каой размер картинки должен быть при установке ее на фон(background) в body чо-то у меня замастило весь экран (((( я уже из формата jpg переформатировала в png ,думала в этом загвоздка.

    • Олег Зубцов 9 июля 2013 в 12:46 #

      Любой. Обычно делают фоновые изображения двух видов:

      1. Маленькие, которые повторяются (repeat) и создают общий однотипный фон сайта.

      2. Большие, которые не повторяются, а просто располагаются на весь экран из-за своего большого размера.

      Во втором виде фоновых изображений есть загвоздка, которая заключается в том, что у пользователей экраны разной ширины. И если ваше изображение будет нормальным для вашего экрана, оно может быть маленьким для экрана вашего посетителя. Это особенно касается ширины. Выход из этого следующий: создать фиксированную ширину сайта. Таким образом, фон вашей страницы будет на всех экранах отображаться одинаково. А для тех, у кого экран больше, просто будут пустые пространства слева и справа, которые можно заполнить другим фоном, используя маленькое изображение и его повторение 🙂

      Подробно поймете о чем, я говорю, после изучения уроков по верстке в курсе CSS.

      • Оксана 9 июля 2013 в 13:07 #

        Благодарю Олег. Вы чудный человечище))) удачного Вам дня! До CSS еще не дошла ,рановато. Если возникнут опять с этим вопы когда начну с CSS начну заниматься обязательно перезадам этот вопрос .

  24. Оксана 9 августа 2013 в 22:19 #

    ну вот. написала в комментариях последнему уроку и больше страница с последним уроком кроме видео ничего не показывает. это что. меня что забанили? ничего себе . а чо я такого некорректного сделала.

    • Олег Зубцов 11 августа 2013 в 19:49 #

      Нет. Не волнуйтесь, Оксана. Я просто обновлял движок сайта, поэтому возникли некоторые ошибки. Сейчас все в порядке. На комментарий ответил.

Оставить ответ