- •Html Введение
- •Создание html документов
- •Html заголовки
- •Html элементы
- •5.Html атрибуты
- •6.О важности заголовков
- •Пример 61
- •Пример 62
- •Пример 63
- •Пример 64
- •Пример 65
- •7.Разделение на абзацы
- •Пример 71
- •Пример 72
- •Пример 73
- •Пример 74
- •Пример 75
- •Пример 76
- •8.Оформление html документов с помощью css
- •Пример 81
- •9.Html гиперссылки
- •Пример 91
- •Пример 92
- •Пример 93
- •Пример 94
- •10.Добавление изображений в html документы
- •Пример 101
- •Пример 102
- •Пример 103
- •11.Таблицы
- •Пример 111
- •Пример 112
- •Пример 113
- •Пример 114
- •12. Списки
- •Пример 121
- •Пример 122
- •Пример 123
- •Пример 124
- •13. Html формы
- •Пример 131
- •Пример 132
- •Пример 133
- •Пример 134
- •Пример 135
- •Пример 136
- •Пример 137
- •Пример 138
- •Пример 139
- •Пример 1310
- •Пример 141
- •Пример 142
- •Пример 143
- •Пример 144
- •Пример 145
- •Пример 146
- •16. Секция head
- •17. Элемент script
- •18. Спецсимволы html
- •19.Что дальше?
Страница |
2013 |
HTML Учебник
HTML Введение
HTML Создание
HTML Начало
HTML Элементы
HTML Атрибуты
HTML Заголовки
HTML Форматирование
HTML Стили
HTML Ссылки
HTML Картинки
HTML Таблицы
HTML Списки
HTML Формы
HTML Фреймы
HTML DTD
HTML Head
HTML Скрипты
HTML Спецсимволы
HTML Заключение
Html Введение
HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).
HTML предназначен для создания веб-страниц во всемирной паутине.
HTML настолько легко изучить, что уже через несколько минут Вы сможете создать свою первую веб-страницу.
Для изучения HTML Вам не потребуется устанавливать на компьютер дополнительное программное обеспечение. Вы сможете создавать веб-страницы с помощью встроенного в сайт онлайн-редактора.
HTML Тэги
Любой HTML документ состоит из обычного текста и разметочных тэгов.
Текст как и в любых других файлах используется для передачи информации, а разметочные тэги используются для ее группировки и оформления.
Разметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: <html>.
HTML тэги обычно применяются в паре, например: <b></b>. Первый тэг называется начальным тэгом, а второй конечным тэгом.
Текст находящийся между начальным и конечным тэгом подвергается "разметке". Например <b>Привет</b> будет отображено браузером как Привет (слово 'Привет', написанное жирным шрифтом).
HTML документ
Если HTML документ будет открыт в редакторе он будет отображен как обычный текстовый файл.
Если HTML документ будет открыт в браузере он будет отображен в соответствии с разметочными тэгами и будет называться веб-страницей.
Главная цель любого веб-браузера (такого как IE, Firefox, Chrome и т.д.)- прочитать HTML документ и отобразить его как веб-страницу.
Левое окно нашего редактора отображает HTML документ как текстовый файл, а правое отображает его как веб-страницу:
Пример 11
<html> <body> <h1>Мой первый заголовок!</h1> <p>Привет,мир !</p> </body> </html>
|
Мой первый заголовок! Привет,мир! |
Объяснение примера:
Тэг <html> объявляет начало и конец HTML документа;
Тэг <body> содержит все видимое содержимое HTML страницы;
Тэг <h1> позволяет "разметить" вложенный в него текст как заголовок;
Тэг <p> позволяет "разметить" вложенный в него текст как абзац.
Обратите внимание: далее в данном учебнике мы подробно рассмотрим все возможности, которые предоставляет HTML. Многие главы данного учебника содержат интересные упражнения так, что Вы сможете сразу применять усвоенный материал на практике.
Создание html документов
Для того, чтобы создать HTML документ необходимо:
Отрыть любой текстовый редактор (например блокнот встроенный в Windows);
Набрать произвольный текст и разметить его HTML тэгами;
Cохранить файл с расширением .htm или .html.
Теперь если Вы откроете созданный файл с помощью веб-браузера он будет отображен как веб-страница.
Обратите внимание: Вы можете скачать готовый HTML документ 1.html (откройте файл; в раскрывшемся меню выберете "Сохранить объект как ..." и укажите место для сохранения) и далее просто редактировать его с помощью любого текстового редактора.
Редакторы HTML документов
Несмотря на то, что для создания HTML документов Вы можете использовать даже стандартный текстовый редактор (например блокнот в Windows) мы не рекомендуем делать этого.
Для этих целей создано множество специальных редакторов с подсветкой тэгов и другими полезными возможностями.
Примеры таких редакторов:
Notepad ++
Microsoft FrontPage
Adobe Dreamweaver
Какое расширение лучше использовать .htm или .html?
Это не имеет значения, так как все современные браузеры одинаково хорошо понимают и .htm и .html.
Мы предпочитаем использовать расширение .html так как считаем, что оно наиболее наглядно, но конечный выбор конечно остается за Вами.