Валентина Ахметзянова - Готовимся к пенсии - осваиваем Интернет

Скажем, если мы напишем так: , то на сайте http://www.pensionerka.ruэто название появится в заголовке (верхней строчке) браузера (рис. П1.8).

✓ Теги

Ну, теперь можно и прерваться, и посмотреть, что же у нас там получилось, в нашем первом файле shablon.html. Так… и что мы видим? Правильно… ничего. А чего показывать, если мы туда ничего своего не внесли? Что ж, попробуем исправить положение.

Пояснение

Предложила посмотреть, что показывает файл shablon.html, а как это сделать не объяснила… Все очень просто. Щелкните двойным щелчком по этому файлу в папке, куда он сохранен, и он откроется в браузере, принятом в системе по умолчанию.

Рис. П1.8. В заголовке браузера — название странички

Надеюсь, у вас есть какая-нибудь ваша фотография? Все равно какая, лишь бы была! Надеюсь, ее файл назван латинскими буквами? И в нижнем регистре? И, желательно, в формате JPG? Типа так: myfoto.jpg.

Примечание

Не обижайтесь, но некоторые моменты я буду повторять по сто раз, потому как если бы мне кто раньше так повторял… мне не пришлось бы обливаться слезами, лупить ни в чем не повинный компьютер и переделывать заново свои работы. Тогда начнем…

Да! Кстати… а как же открыть нам свой файл в блокноте, если он по двойному щелчку сразу открывается в окне браузера? Привожу два различных способа.

✓ Открыть опять Блокнот — для особо забывчивых: Пуск | Все программы | Стандартные | Блокнот. Хотя давно пора выставить его значок на рабочий стол… Открыли? Ну, и оттуда Файл | Открыть… достать наш родной, единственный и неповторимый shablon.html. Получилось? Ну и славненько…

✓ Если у вас этот файл уже открыт браузером, щелкните правой кнопкой мыши по экрану и в появившемся меню выберите Просмотр HTML-кода(или Просмотр кода страницы— в зависимости от браузера) — результат будет тот же. Наш файл сам откроется в Блокноте!

Итак, хватит болтовни, посмотрим что у нас там осталось с прошлого раза (листинг П1.2).

Вы уже выучили наизусть этот наш шаблон как "Отче наш"? Нет? Странно… мы им будем пользоваться постоянно. Хотя, скажу вам по секрету, можно писать эти теги и строчными буквами, браузеру на это начхать. Точно так же откроет он и содержимое такого файла (листинг П1.3).

Ну, а теперь запомнили? Еще повторить?

Ладно… в общем, объясняю: я буду писать буквы всех тегов прописными (заглавными) буквами исключительно из-за того, чтобы вам легче было отличать изменяемую часть от постоянной. Договорились? А вы можете писать как хотите. Как удобней.

Итак, изменим содержимое нашего шаблона, вставив туда немного текста (листинг П1.4).

Ну и сохраним этот файл, например, под именем, соответствующим номеру листинга: listing_1.4.html. Открываем файл и видим следующую картину (рис. П1.9).

Рис. П1.9. Файл listing_1.4.html в окне браузера

Итак, в верхней строке браузера у нас отобразилось название странички: Моя Первая Страничка, а в самом окне — текст, который мы ввели между тегами

Ну вот, уже кое-что становится понятно. А раз так — идем дальше!

Для того чтобы текст на наших страничках смотрелся красиво, его необходимо отформатировать . Для этого есть несколько тегов, вот ими сейчас и займемся.

Обычно в каждом тексте имеются заголовки разных уровней. Самый крупный заголовок называется заголовком 1-го уровня, самый маленький — 6-го. Тегами заголовков служат парные теги n > и n >, где n — номер уровня заголовка. Вернемся к нашему шаблону shablon.html и внесем в него некоторые изменения (листинг П1.5).