Готовимся к пенсии. Осваиваем Интернет

Пояснение Предложила посмотреть, что показывает файл 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).

В браузере же это будет выглядеть так, как показано на рис. П1.10.

Рис. П1.10. Заголовки