Урок 1. Создаем HTML-документ
dorofeeva 27-10-2012, 23:13 5 043 Уроки по HTMLДля того, чтобы создать свой собственный первый в жизни сайт достаточно уметь набирать текст в Блокноте. И все!
Итак, приступим.
Открываем Блокнот и набираем текст, скажем, такой:
Привет, Интернет и весь мир!
Для того, чтобы превратить эту строчку из обычного текстового документа в HTML-документ, мы должны его разметить с помощью тегов.
Теги - это специальные команды для браузера (программы просмотра интернет-страниц), поясняющие ему, как и в каком виде выводить текст.
Для начала мы должны показать, что это не просто текст, а HTML-документ, поэтому мы должны взять его в теги:
<HTML> Привет, Интернет и весь мир! </HTML> |
Тег <HTML> означает начало документа, и, естественно, тег </HTML> конец документа.
Большинство тегов HTML-языка используются парами - вначале идет открывающий тег, затем закрывающий, который отличается только наличием косой черточки (слэш) вначале. Теги обязательно заключаются в угловые скобки, типа знаков больше-меньше.
Сохраняем наш документ. Для этого вначале создаем папку, в которой будем хранить все файлы нашего будущего сайта. Затем в Блокноте даем команду: Файл - Сохранить как...". Выбираем нашу папку и задаем имя файлу. В принципе, имя можно дать любое, но принято основной файл называть index.html, то есть имя - index, а расширение имени - html (можно и три буквы htm).
Обязательно проверяем, правильно ли сохранился наш документик, а то иногда можно увидеть и такое имя - index.html.txt
Вот и все. Если сейчас сделаем двойной щелчок по файлику, он откроется не в блокноте, а в браузере. И мы увидим следующую картинку:
Но, конечно же, структура html-документа несколько сложнее.
Web-страница разделяется на две логические части: заголовок и содержание (тело).
Заголовок заключается между тегами <HEAD>и </HEAD>. В заголовке HTML - документа содержится название странички, а также справочная информация (например, тип кодировки), которые появятся в рамке окна программы просмотра.
Название странички располагается между тегами <TITLE> и </TITLE>. Например, <ТIТLЕ>Моя страничка </ТIТLЕ> .
Содержание – это то, что будет выводиться на экран программой просмотра - текст, картинки, видеофрагменты. Содержание заключается между двумя тегами и <BODY> и </BODY>.
Рассмотрим небольшой фрагмент кода:
<HTML> |
<HEAD>
Блок вспомогательной и заголовочной информации
</HEAD> |
<BODY>
Основной текст
</BODY> |
</HTML> |
<HTML> |
<HEAD>
<TITLE>Мой первый сайт</TITLE>
</HEAD> |
<BODY>
Привет, Интернет и весь мир!
</BODY> |
</HTML> |
