Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Создание HTML документов
|
|
HTML Введение
HTML расшифровывается H yper T ext M arkup L anguage (в переводе означает Язык Разметки ГиперТекста).
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 (откройте файл; в раскрывшемся меню выберете " Сохранить объект как..." и укажите место для сохранения) и далее просто редактировать его с помощью любого текстового редактора.
|
|