Меню
Бесплатно
Учителю  /  Информатика  /  Бесплатные видеоуроки  /  Видеоурок Основные понятия HTML. Представление о структуре HTML-документа.

Видеоурок Основные понятия HTML. Представление о структуре HTML-документа.

Все видели сайты, когда были в интернете. Так вот все они написаны на языке гипертекстовой разметки HTML. (HTML — Hyper Text Markup Language).

Очень часто мне задают вопрос зачем нужен HTML есть же масса автоматических редакторов веб страниц Front Page, DreamWeaver и другие, которые позволяют нам набросать страничек в автоматическом режиме соединить их таким же образом между собой и сайт готов. Но не тут то было, вы можете конечно же попробовать создать свой сайт не зная HTML, но при этом я гарантирую вам, что далеко вы не уйдете и при первом же сбое работы страницы вам всетаки придется взять в руки книгу HTML. HTML — основа которую обязательно нужно знать если вы собрались создавать свой сайт.

В языке HTML нет каких то сверхестественных сложностей. Все очень просто. Тем более, что для работы нам понадобится лишь малая часть всех команд данного языка. Части текста берутся в специальные элементы языка html тэги (своеобразные скобки) с целью предоставления этого элемента в том или ином виде, определения того или иного элемента. Тегов не так уж много, тем более что чаще всего используется в основном их определенная часть, а не все. Тегами выделяются абзацы, таблицы, списки и другие элементы. Особенностью написания тегов в языке HTML является то, что практически все теги являются парными, открываются и закрываются. Это делается для того чтобы указать область действия тега. Примером одиночного тега является тег <br> -- возврат коретки, переход на следующую строку без вставки пустой строки.

Примеры тегов <p> Какой-то текст </p>, <html>… </html> и др.

Для просмотра HTML страницы существуют специальные программы браузеры. Они предоставляют нам в удобном, читаемом для нас виде, текст и другие элементы HTML страницы.

Видеоурок по информатике основы HTML

Браузер преобразует html код в понятный нам текст и картинки и в зависимости от написанных в коде тегов и стилей предоставляет нам материал в каком то конкретном виде. Браузеры бывают разные и т.к. компании которые создают эти программы имеют некоторые свободы то документ (сайт) в разных браузерах будет отображаться по разному.

Структура html документа.

Каждая html страница начинается тегом начала html страницы <html> и заканчивается тегом её закрытия </html>.
HTML страница состоит из двух частей:
Невидимой части (<head>…</head>) — в ней расположены заголовок, метатеги, скрипты, подключение стилей.
Видимая часть (<body>…</body>) — в которой расположены непосредственно элементы веб страницы: абзацы, таблицы, рисунки и т. д.
Таким образом получаем структуру HTML документа:
<html>

<head>
Невидимfая части- в ней расположены заголовок, скрипты, метатеги, подключение стилей.
</head>

<body> Видимая часть — в которой расположены непосредственно элементы веб страницы: абзацы, таблицы, рисунки и т. д.
</body>

</html>

Для закрепления материала:
Попробовать самостоятельно набрать свою первую страничку с приветствием.

Сохранить у себя:

Комментарии 28

Чтобы добавить комментарий зарегистрируйтесь или на сайт

CEBEProGram, 03.05.2015 17:33
А я думаю что каждая html страница начинается с <!DOCTYPE HTML> =) ты наверно забыл сказать про новый и старый DOCTYPE,
   а также что есть несколько версий HTML и про то что некоторые интернет браузеры могут вообще не отображать информацию написанную на HTML5 =)
Бакытгуль, 21.01.2014 22:22
огромное спасибо вам, уже начинаю понимать, тьфу-тьфу
Галина, 28.12.2011 11:05
Дмитрий! Хочу еще раз поблагодаоить Вас за Ваши уроки.
   Использую их постоянно.
   Уроки по HTML использую на элективном курсе. После показа видеофрагментов, материал становится более понятным.
Zhanna, 28.10.2011 20:15
Благодарю вас за замечательные и очень полезные уроки!!!! Успехов Вам!!!!
павел, 02.07.2011 22:21
Гениально. Замечательно. Все очень толково и понятно. Вот еще бы что-то подобное по PHP ( и, вообще, по основным принципам компьютерного языка) было бы.
semen74, 29.06.2011 23:12
Как скачать. Как скачать ! Зайдите сюда http://save2go.ru/ И будем Вам счастье !
   Автору отдельное Спасибо за хорошее изложение урока !
Галина, 31.03.2011 16:06
как его скачать???
Проект Видеоуроки

Этот урок предназначен для просмотра

Муха, 10.12.2010 02:55
Уважаемый Дмитрий, большое Вам спасибо за легкое и доступное изложение столь жуткого материала..) Даже, такая дерЁвня, как я.. догнала, что и как..)
Сергей, 26.10.2010 17:19
Всё делаю как сказано в уроке, но у меня почему-то файл сохраняется не в html, а в txt.
Проект Видеоуроки

Откройте папку с файлом в проводнике, выберите пункт сервис - свойства папки - вкладку вид и уберите галочку скрывать расширение для зарегестрированных файлов. Тогда Вы увидите расширение файла и сможете изменить его в самом проводнике.

Максим, 20.09.2010 23:17
Как его скачать ,,,,,,,,,?