HTML по шагам



         

Шаг 2. Создание HTML-документа - часть 2


  • Есть возможность использования стилей вместо параметров тегов.
  • Код HTML и CSS формируется в соответствии с существующими стандартами и спецификациями.
  • После запуска программы минимальный первоначальный код будет создан автоматически. На рис. 2.1 показан вид программы Nvu в режиме редактирования HTML-кода.

    Рис. 2.1. Исходный код пустой веб-страницы

    Рис. 2.1. Исходный код пустой веб-страницы

    Поскольку первоначально документ не содержит в себе нашего текста, а только служебную информацию, текст перед просмотром результата следует добавить. Для этого используется место между тегами <body> и </body>. В примере 2.1 показан код после того, как в него вставлен подходящий текст.

    Пример 2.1. Код HTML с текстом

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>

    <meta

    content="text/html; charset=Windows-1251"

    http-equiv="content-type">

    <title></title>

    </head>

    <body>

    Не беспокойся о мелочах. Если имеешь убеждение, то мелочи склонны

    подчиняться обстоятельствам. Твоим планом может быть следующее. Выбери

    что-нибудь и назови это началом. Затем иди и стань лицом к началу.

    Встав лицом к лицу с началом, позволь ему сделать с собой все, что

    угодно. Я надеюсь, что твои убеждения не позволят тебе выбрать начало с

    причудами. Смотри на вещи реально и скромно. Начни это сейчас!

    Карлос Кастанеда, "Сон ведьмы"

    </body>

    </html>

    Теперь надо сохранить файл в определенном месте, чтобы мы его могли просмотреть в браузере. Хотя в Nvu и встроен предварительный просмотр результата, он предназначен лишь для предварительной оценки результата, ведь пользователи будут смотреть нашу веб-страницу именно в браузере.

    Нажимаем на кнопку Сохранить (

    ) на панели инструментов Nvu или используем комбинацию клавиш <Ctrl>+<S>. После чего появляется окно, где просят ввести заголовок страницы. Это текст, который будет отображаться в заголовке окна браузера. В коде HTML заголовок указывается между тегами <title> и </title>, но поскольку мы ничего там не указали, Nvu автоматически запрашивает нужный текст (рис. 2.2).




    Содержание  Назад  Вперед