Введение в HTML 1. Что такое HTML?
HTML является языком для описания веб-страниц.
* HTML означает гипертекстовый язык разметки (Hyper Text Markup Language)
* HTML не является языком программирования, это язык разметки
* Язык разметки представляет собой набор тэгов разметки
* Тэги разметки описывают, как должен быть отображен текст
2. Тэги разметки HTML
Тэги разметки HTML обычно называют просто тэгами HTML
* Тэги HTML – это ключевые слова, окружённые угловыми скобками, как <html>
* HTML-тэги, как правило, используются парами как <b> и </b>
* Первый тэг в паре - тэг начала, второй тэг - конечный тэг
Примечание: Тэг начала обычно называют открытым тэгом, а конечный тэг закрытым.
3. Что такое HTML файл?
* HTML файл представляет собой текстовый файл с HTML-тэгами
* HTML файл часто называют HTML документом или Веб-страницей
* У файлов HTML должно быть расширение .html или .htm
* HTML файл может быть создан с помощью простого текстового редактора, например в программе “Блокнот” ОС Windows
Когда браузер отображает веб-страницу, то он не будет отображать html-тэги. Браузер использует тэги разметки, чтобы понять как должна выглядеть отображаемая им информация.
4. Вы уже хотите попробовать?
Если вы работаете в Windows запустите программу «Блокнот».
Если вы работаете в другой операционной среде, то запустите в ней аналогичною «Блокноту» программу.
Напечатайте следующий текст (НЕ КОПИРУЙТЕ! Важно, чтобы Вы делали всё сами):
Код:
Code
<html>
<body>
<p>Это моя первая страница.</p>
<b>Этот текст выделен полужирным шрифтом</b>
</body>
</html>
Сохраните файл как “mypage.htm”.
Запустите свой Интернет-браузер. Выберите «Открыть» в меню «Файл» браузера. Появиться диалоговое окно. Выберите "Обзор" и найдите HTML файл, который вы только что создали - "mypage.htm" - выберите его и нажмите кнопку "Открыть". Теперь Вы должны увидеть адрес в диалоговом окне, например «C:\Documents and Settings\Ivan\mypage.htm”. Нажмите кнопку ОК, и браузер отобразит страницу.
5. Объяснение примера
Когда браузер отображает веб-страницу, то он не станет отображать тэги разметки.
Текст между тэгами <html> и </html> описывает веб-страницу. Первый тэг говорит браузеру, что здесь начинается документ HTML, а последний тэг, что докумен закончен.
Текст между тэгами <body> и </body> отображается в браузере.
Текст между тэгами <p> и </p> отобразится как параграф.
Текст между тэгами <b> и </b> отображается как выделенный жирным шрифтом.
6. HTM или HTML расширение?
Когда Вы сохраняете файл HTML, то вы можете использовать расширение .htm или .html. Раньше использовали .htm. Это было связано с тем, что в прошлом, программное обеспечение позволяло использовать в расширении только 3 символа.
Сейчас использовать расширение .html совершенно безопасно.
7. Заметка о HTML редакторах
В нашем обучении мы будем использовать простой текстовый редактор (например, Блокнот) для создания и редактирования HTML. Это хороший способ научиться HTML.
Тем не менее, профессиональные веб-разработчики часто предпочитают такие HTML редакторы, как FrontPage и Dreamweaver, вместо того, чтобы писать тэги в простом текстовом редакторе. В них, они могут легко создавать и редактировать HTML файлы используя WYSIWYG (режим полного соответствия) (What You See Is What You Get [что вы видите, то и получаете]).
Однако, если Вы хотите быть квалифицированным Web-разработчиком, на начальных этапах, используйте простой текстовый редактор, тем самым вы лучше изучите предлагаемые примеры.
8. Часто задаваемые вопросы
В: Я отредактировал файл HTML, но изменения не показываются в браузере. Почему?
О: Браузер кэширует страницы, чтобы не загружать одну и ту же страницу дважды. Если вы внесли изменения в страницу, то браузер не знает об этом. Нажмите кнопку «Обновить», чтобы вынудить браузер перезагрузить страницу.
В: Какой браузер я должен использовать?
О: Вы можете вести своё обучение на всех известных браузерах: Internet Explorer, FireFox, Netscape, Chrome, Safari или Opera. Однако, некоторые из примеров, в конце обучения, потребуют последние версии используемых вами браузеров.
В: Мой компьютер должен использовать ОС Windows?
О: Не обязательно. Вы можете построить своё обучение в любой другой ОС.
