Получите свидетельство
ВходВидеоурок Основные понятия 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 страница состоит из двух частей:
Невидимой части (<head>…</head>) — в ней расположены заголовок, метатеги, скрипты, подключение стилей.
Видимая часть (<body>…</body>) — в которой расположены непосредственно элементы веб страницы: абзацы, таблицы, рисунки
Таким образом получаем структуру HTML документа:
<html>
<head>
Невидимfая части- в ней расположены заголовок, скрипты, метатеги, подключение стилей.
</head>
<body> Видимая часть — в которой расположены непосредственно элементы веб страницы: абзацы, таблицы, рисунки
</body>
</html>
Для закрепления материала:
Попробовать самостоятельно набрать свою первую страничку с приветствием.
Получите комплекты видеоуроков + онлайн версии
Похожие записи
34768
Нравится
0
а также что есть несколько версий HTML и про то что некоторые интернет браузеры могут вообще не отображать информацию написанную на HTML5 =)
Использую их постоянно.
Уроки по HTML использую на элективном курсе. После показа видеофрагментов, материал становится более понятным.
Автору отдельное Спасибо за хорошее изложение урока !
Этот урок предназначен для просмотра
Откройте папку с файлом в проводнике, выберите пункт сервис - свойства папки - вкладку вид и уберите галочку скрывать расширение для зарегестрированных файлов. Тогда Вы увидите расширение файла и сможете изменить его в самом проводнике.