В категории HTML собраны бесплатные видео уроки по этому языку разметки. HTML (HyperText Markup Language, в переводе с английского - язык разметки гипертекста) – это стандартный язык разметки документов в сети Интернет. С его помощью создаётся большинство страниц веб-сайтов. Он описывает структуру для любой странички сайта, в то время как технология CSS отвечает за её внешний вид. Язык HTML состоит из множества тегов и их всевозможных атрибутов. Он интерпретируется браузерами (программами для просмотра сайтов в сети Интернет) и выводится в виде документа в удобной для человека форме. Вообще, страница сайта или HTML-страничка представляет собой обычный текстовый документ с расширением *.html. Изучение HTML по видео урокам онлайн будет полезно как для начинающих, так и для более опытных Веб-мастеров. Видео уроки из рубрики HTML Вы можете смотреть бесплатно в любое удобное время. К некоторым онлайн видеоурокам по HTML Вы сможете скачать дополнительные материалы для обучения. Удачи Вам!
Курс по HTML. Нужно ли знать все теги и атрибуты
Онлайн урок «Курс по HTML. Нужно ли знать все теги и атрибуты» посвящен вопросу о том, что необходимо изучать после освоения HTML. Несмотря на то, что в данном курсе были изучены не все существующие теги и атрибуты языка HTML, можно сказать, что основное мы все-таки изучили. Ведь на практике используются далеко не все элементы этого языка. Для создания сайтов достаточно знать только основные и самые часто используемые теги, которые мы и рассмотрели в предыдущих уроках данного курса. Главное понять логику работы с HTML, и тогда, при возникновении любых сложностей, можно будет легко с ними справиться. Следующим шагом, после изучения HTML, идет его неотъемлемая часть, которая необходима для создания любого современного сайта – это CSS. Кстати говоря, технология CSS уже давно вытеснила и продолжает вытеснять многие теги и атрибуты HTML. В основном, это касается атрибутов, связанных с внешним оформлением сайта. Т.е. сейчас принцип создания сайтов такой, что каркас сайта создается HTML тегами, а за внешний вид полностью отвечает CSS… Видео урок «Курс по HTML. Нужно ли знать все теги и атрибуты» вы можете смотреть онлайн абсолютно бесплатно. Успехов!
Валидация HTML документа. Проверка кода страницы сайта на ошибки
В этом онлайн уроке рассказывается о том, как проверить код HTML страницы сайта на ошибки. Валидация HTML документа это проверка синтаксиса его кода на соответствие конкретной спецификации. Сейчас в интернете существует достаточно много всевозможных онлайн сервисов для проверки страниц сайта с целью выявления ошибок, связанных с несоответствием веб стандартам. Такие ошибки могут возникнуть как по незнанию таких стандартов, так и по банальной невнимательности. Если страница HTML Вашего сайта при проверке окажется валидной, т.е. будет отвечающая всем правилам и стандартам, то в идеале, все браузеры должны отображать её без ошибок, т.е. можно будет говорить о кросс-браузерности Вашего сайта. Стремиться к этому надо, поэтому нужно периодически проверять свой сайт в специальных сервисах – Валидаторах. Один из таких онлайн сервисов является валидатор w3c. Таким образом, можно проверить свою страничку, указав её URL адрес, либо загрузив файл HTML документа через специальную форму… Видео урок «Валидация HTML документа. Проверка кода страницы сайта на ошибки» вы можете смотреть онлайн совершенно бесплатно в любое время. Успехов!
Видео урок «XHTML - расширяемый язык разметки гипертекста» посвящен вопросу о том, что такое XHTML и особенности его использования. XHTML – это расширяемый язык разметки гипертекста, который достаточно динамично развивался какое-то время, но затем его развитие было остановлено, а команда разработчиков перешла в рабочую группу HTML5. Всего существует три типа документов XHTML: strict, transitional и frameset. Версии XHTML: 1.0, 1.1, Basic, Mobile Profile и последняя версия 2.0. XHTML является более строгим, чем HTML и имеет некоторые особенности, которые необходимо знать и соблюдать при написании страниц сайта. XHTML, в отличие от HTML, требует закрытия всех элементов, Включая те, которые не имеют закрывающего тега, например, тег br должен обязательно закрываться знаком слеша. Для изображений обязательно наличие атрибута alt. Булевы атрибуты, которые в HTML писались одним словом, т.е. без присвоения им значения, в XHTML должны писаться в развернутой форме. А именно, нужно таким атрибутам присваивать одноименные значения. Еще одним требованием XHTML является обязательное написание всех тегов и атрибутов маленькими буквами, т.е. он чувствителен к регистру… Бесплатный видео урок «XHTML - расширяемый язык разметки гипертекста» вы можете смотреть онлайн в любое время. Удачи Вам!
Это видео посвящено вопросу о том, что собой представляют теги HTML - div и span, для чего они нужны и как с ними работать. Теги div и span являются тегами логического уровня, и сами по себе никак не проявляются. При помощи тега div создается своего рода контейнер, т.е. это блочный элемент, которому можно задать определенный набор свойств, используя CSS. Постепенно, с развитием CSS, тег div полностью заменил таблицы при верстке сайтов. Хотя, некоторое время назад, на табличной модели создавались каркасы практически всех сайтов. При помощи CSS мы можем задать огромное количество свойств тегу div и использовать его так, как нам требуется в конкретной ситуации. Для идентификации блоков div им часто присваивают атрибут id, конечно тут нужно иметь в виду, чтобы id был уникальным, т.е. нельзя на одной странице размещать несколько элементов с одним и тем же id. В этом случае нужно использовать атрибут class. Через CSS мы можем определить размеры блока - его ширину (width) и высоту (height). Можно задать рамку, отступы, определить всевозможные свойства для контента, который помещен в блок div, например, выровнять текст определенным образом во всех абзацах, расположенных в нем и т.д. Тег span отличается тем, что это не блочный элемент и предназначен для внутренней работы, например оформление части текста внутри абзаца… Видео урок «HTML для начинающих. Теги div и span» вы можете смотреть онлайн совершенно бесплатно. Удачи Вам!
Здесь рассказывается о том, как в HTML коде сделать комментарий. Очень часто при создании страницы сайта возникает необходимость добавить служебную информацию в виде комментария к конкретному участку HTML кода. Например, если это совместная разработка сайта, либо нужно оставить комментарий для себя, ввиду большой сложности страницы. Но как сделать так, чтобы такая информация не выводилась пользователю при просмотре странице в браузере. Выход есть. Для этих целей в языке HTML предусмотрены специальные обозначения для комментариев. Для того чтобы сделать комментарий, необходимо перед текстом поставить угловую скобку, восклицательный знак и два дефиса. А в конце текста нужно поставить два дефиса и закрывающую угловую скобку. Таким образом, любой текст, помещенный между этими символами, не будет отображаться в браузере, при просмотре страницы. Будь то однострочный текст или многострочный комментарий. Единственное где не учитывается обозначение комментария, это внутри тега title, т.е. браузер все равно покажет все содержимое этого тега… Видео урок «Как в HTML коде сделать комментарий» вы можете смотреть онлайн абсолютно бесплатно в любое время. Успехов!
В этом видео рассказывается о том, какие бывают метатеги в HTML, для чего они нужны и советы по их заполнению. Метатеги – это служебные теги, которые предназначены для того, чтобы браузеры и поисковые системы правильно понимали и отображали вашу страницу. Все метатеги записываются в верхней части HTML кода страницы в блоке head. Создаются они при помощи тега meta и отличаются за счет атрибута http-equiv либо атрибута name. Причем метатег с атрибутом http-equiv в основном предназначен для браузеров, а с атрибутом name - для поисковиков. Одним из часто встречаемых метатегов является Content-Type, в котором указывается тип документа и его кодировка. Вообще, даже если не указать этот метатег, современные браузеры обычно и так распознают кодировку сайта. Но, на всякий случай, лучше все-таки указать. Есть еще один интересный метатег – refresh, который сообщает браузеру о том, через сколько секунд нужно перезагрузить страницу и при необходимости можно указать URL адрес новой страницы, которую нужно загрузить. Таким образом, можно сделать автоматическую переадресацию с одного сайта на другой… Видео урок «Советы по заполнению метатегов HTML для сайта» вы можете смотреть онлайн абсолютно бесплатно в любое удобное время. Успехов!
Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area
Урок «Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area» посвящен вопросу о том, как сделать из картинки одиночную ссылку, а также как разделить одно изображение на несколько участков и сделать их ссылками. Для создания простой ссылки для изображения, необходимо поместить тег картинки img в тег ссылки a. Чтобы ссылка открывалась в новом окне, нужно добавить к тегу a атрибут target со значением _blank. Возможно и создание нескольких ссылок с одного изображения, т.е. когда щелчок мышкой по одной области картинки ведет на один сайт, а по другой области – на другой сайт или страницу. Делается это при помощи карты-изображения. Для начала нужно вставить подходящее изображение на страницу сайта при помощи тега img. Техника карты-изображения (image map) представляет собой накладывание на картинку невидимую карту с возможностью выделить на ней определенные области и сделать их разными ссылками. Реализуется это с помощью парного тега map, в котором обязательно указывается идентификатор id. Это нужно для установки связи между изображением и его картой. Внутри тега map создаются отдельные области при помощи тега area… Видео урок «Как сделать картинку ссылкой, карта изображения в HTML. Теги map, area» вы можете смотреть онлайн в любое удобное время абсолютно бесплатно. Удачи Вам!
Блок предварительно форматированного текста в HTML. Тег pre
В этом онлайн уроке рассказывается о том, как создать блок предварительно форматированного текста в HTML. Такой блок создается при помощи тега pre. Текст, помещенный в тег pre, как правило, отображается браузерами моноширинным шрифтом. Особенность тега pre заключается в том, что текст в нем выводится со всеми поставленными между словами пробелами и со всеми переносами строк. А текст без pre выводится браузерами только с одним пробелом между словами и, кроме того, все символы переноса строк в тексте игнорируется. Т.е. если мы наберем текст в HTML коде страницы и отформатируем его. А именно, при помощи клавиши Enter сделаем переводы строк, многозначными пробелами сделаем абзацы и т.д., то такой текст будет отображаться браузером как единый массив текста. Но если поместить такой текст в тег pre, то при просмотре страницы, все будет выводиться, так как нужно. Но шрифт при этом будет необычный – моноширинный. Каждая буква в нем занимает одинаковую ширину. Тег pre используется достаточно редко, но в некоторых случаях без него бывает очень сложно обойтись… Видео урок «Блок предварительно форматированного текста в HTML. Тег pre» вы можете смотреть онлайн в любое удобное время совершенно бесплатно. Успехов!
HTML теги для вставки внешних объектов - iframe и object
Видео «HTML теги для вставки внешних объектов - iframe и object» посвящено вопросу о том, какие теги используются в языке HTML для вставки объектов, взятых с какого-либо другого сайта. Например, это может быть код видеоролика с сайта YouTube или какого-либо другого видеохостинга. Т.е. при размещении кода такого объекта, сам файл видеоролика не будет храниться на Вашем сервере, а на странице сайта, где размещен код он будет проигрываться как обычно. Для вставки внешних объектов в языке HTML предусмотрены теги iframe и object. Тег iframe работает по принципу вставки одной HTML страницы в другую. При помощи атрибутов для тега iframe можно задать ширину и высоту окна, ширину рамки. Там же указывается URL адрес встраиваемой страницы. Object является более сложным тегом. Он уже содержит в себе дополнительные теги param с параметрами встраиваемого объекта. Вникать в тонкости мы здесь не будем, т.к. обычно подобные коды объектов предоставляются уже в сгенерированном виде. Их достаточно просто вставить в то место на своём сайте, в котором Вы хотите увидеть данный объект… Видео урок «HTML теги для вставки внешних объектов - iframe и object» вы можете смотреть онлайн в любое время абсолютно бесплатно. Успехов!
Отправка письма в PHP обработчике для HTML формы сайта. Функция – mail
В этом видео уроке рассказывается о том, как выполняется отправка письма по электронной почте через PHP обработчик для HTML формы сайта. Для отправки писем в языке PHP имеется специальная функция – mail(). В скобках перечисляются параметры необходимые для отправки письма по Email. К таким параметрам относятся адрес электронной почты получателя, тема письма и собственно сам текст сообщения. Все эти данные, за исключением Email получателя, мы будем формировать из той информации, которую ввёл посетитель сайта в поля HTML формы. PHP функция mail после вызова, возвращает результат выполнения. Если ошибок не было и письмо было успешно отправлено, то результатом будет Истина, а если в ходе отправки произошла какая-либо ошибка, то функция возвращает Ложь. Эту информацию обычно используют для проверки отправки письма и для вывода на экран соответствующего сообщения пользователю, оправившего письмо. На локальном сервере такие письма не отправляются, а сохраняются в виде файлов, которые можно посмотреть в папке tmp - !sendmail… Видео урок «Отправка письма в PHP обработчике для HTML формы сайта. Функция – mail» вы можете смотреть онлайн в любое время совершенно бесплатно. Удачи Вам!
Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST Онлайн урок «Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST» посвящен вопросу о том, как происходит передача информации, введенной пользователем в поля формы сайта, на PHP обработчик. При создании формы тегом form, в атрибут action прописывается путь к PHP файлу, в котором содержится определенный алгоритм действий. Кроме того, тегу form необходимо задать атрибут method, и указать ему метод передачи данных из HTML формы в PHP обработчик. Существует два таких метода отправки данных – это GET и POST. Если атрибуту method присвоить значение GET, то данные из полей формы будут передаваться через параметры URL адреса к PHP файлу. Т.е. браузер в этом случае сформирует URL адрес с параметрами, в которых будут указаны все имена полей и их значения. Все эти данные можно будет получить в PHP обработчике через глобальный массив $_GET. При использовании второго метода – POST, данные передаются обработчику скрытым образом и в адресной строке их видно не будет. Обратиться к этим данным можно будет через глобальный массив $_ POST… Видео урок «Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST» вы можете смотреть онлайн абсолютно бесплатно. Успехов!
Установка локального сервера. Денвер (Apache, PHP, MySQL, Perl)
Это видео посвящено вопросу о том, как установить на свой компьютер локальный сервер - Денвер (Apache, PHP, MySQL, Perl). Скачать последнюю версию Денвера можно бесплатно с официального сайта этого программного обеспечения. Для установки Денвера, необходимо запустить инсталляционный файл, который находится в папке с установочными файлами. После этого нужно выполнять все шаги установки, отвечая на соответствующие вопросы. После установки Денвера в указанную Вами папку, на Вашем компьютере появится еще один виртуальный диск с содержимым этой папки. Буква этого виртуального диска будет соответствовать той, которую вы указали при установке. Если в дальнейшем Вы захотите удалить Денвер, то для этого нужно всего лишь удалить папку, в которую производилась установка. Для запуска Денвера, необходимо запустить файл старта системы из папки denwer. Там также имеются фалы для остановки и перезапуска Денвера. Теперь Вы сможете создавать локальные сайты и тестировать их, выполняя точно такие же действия, как и при работе на хостинге. Для создания нового сайта в Денвере необходимо добавить папку с файлами сайта в папку home и перезапустить Denwer… Видео урок «Установка локального сервера. Денвер (Apache, PHP, MySQL, Perl)» вы можете смотреть онлайн совершенно бесплатно. Удачи Вам!
Как сделать PHP обработчик для HTML формы сайта и что для этого нужно
В этом онлайн уроке рассказывается о том, как сделать PHP обработчик для HTML формы сайта и что для этого нужно. После создания внешнего вида формы на сайте, необходимо сделать так, чтобы она выполняла определенную функцию. В нашем случае, после нажатия на кнопку отправить, должно отправляться сообщение по электронной почте со всей информацией, которую ввёл пользователь в поля формы. Но одними силами HTML здесь не обойтись, т.к. это всего лишь язык разметки гипертекста. Для отправки письма по email нам понадобится серверный язык программирования PHP. Но для работы PHP необходима специальная среда, т.е. работать в браузере как HTML он не будет. А при заходе на PHP страницу браузер получает не сам код этого серверного языка, а уже обработанные сервером данные, в виде HTML кода. Для функционирования PHP требуется специальное программное обеспечение, которое имеется на соответствующих серверах хостинга, где располагаются сайты. Но для локального компьютера также имеется необходимое программное обеспечение, которое нам нужно будет установить для тестирования… Видео урок «Как сделать PHP обработчик для HTML формы сайта и что для этого нужно» вы можете смотреть онлайн совершенно бесплатно в любое время. Успехов!
Блокировка элементов формы в HTML. Атрибуты disabled и readonly
Видео урок «Блокировка элементов формы в HTML. Атрибуты disabled и readonly» посвящен вопросу о том, как заблокировать поля формы от изменений. Очень часто, при работе с формами на сайте, возникает необходимость заблокировать тот или иной элемент от изменений в зависимости от какой-то ситуации. Например, если определенный ответ на один вопрос делает бессмысленным следующий вопрос. И поэтому, соответствующие поля было бы лучше сделать недоступными. Здесь мы рассмотрим атрибуты, которые можно применять практически ко всем тегам элементов формы. Действие их заключается в блокировке от изменений текстовых полей, кнопок, и других элементов. Первый атрибут, который мы изучим – это disabled. Если его указать для тега какого-либо элемента формы, то этот элемент становится недоступен ни для редактирования, ни для других манипуляций с ним, например нельзя выделить текст такого текстового поля. В отличие от него атрибут readonly позволяет производить только чтение, и запрещает любые изменения с элементом формы… Бесплатный видео урок «Блокировка элементов формы в HTML. Атрибуты disabled и readonly» вы можете смотреть онлайн в любое время. Удачи Вам!
Декоративное объединение элементов формы в HTML. Теги fieldset и legend
Здесь рассказывается о том, как выполнить декоративное объединение элементов формы в HTML. Для выделения части полей формы в отдельную область и создания ей соответствующего названия, предназначены специальные теги - fieldset и legend. С помощью тега fieldset вокруг выделяемых элементов формы создается рамка. А если в этот тег поместить тег legend с текстом названия области, то на рамке появится надпись с этим текстом. Таким образом, можно красиво оформить разделение всех элементов формы на логические группы. Посетителю Вашего сайта в этом случае будет гораздо удобнее отвечать на вопросы, заданные в форме или заполнять поля формы обратной связи. Теги fieldset и legend выполняют только декоративную функцию и не используются в других целях. Для определения размеров этих областей, например для задания ширины, используется CSS. Разумеется, при помощи CSS можно выполнить и другие изменения с оформлением, например, изменить шрифт надписи или цвет фона и т.д… Видео урок «Декоративное объединение элементов формы в HTML. Теги fieldset и legend» вы можете смотреть онлайн абсолютно бесплатно в любое время. Успехов!
Вся информация предоставленная на данном сайте взята из открытых источников и носит информационный характер,для ознакомления и тестирования данного материала. Администрация данного ресурса не несет ответственности за содержание материалов,всю предоставленную информацию взятую с данного сайта Вы используете на свой страх и риск. Если Вы являетесь правообладателем материала выставленного на сайте,форуме без Вашего ведома,обратитесь к администратору и материал будет немедленно удален.
