Курс "Основы Web-дизайна" >> Урок 1 >> Практика

Задание 2. Внесение изменений и добавлений в Web-страницу

Мы будем добавлять текст на Web-страничку, помещая его в контейнер <BODY> </BODY>, и сразу же просматривать результат.

1.	Откройте редактируемый файл proba.htm в программе Блокнот, для этого: - щелкните на значке файла proba.htm правой клавишей мыши, - в открывшемся меню выберите пункт Открыть с помощью, - из предложенных вариантов выберите Блокнот.
2.	Между тегами <BODY> и </BODY> введите следующий текст.
	Результат: <BODY> Это моя первая Web-страница! </BODY>
3.	Сохраните новый вариант страницы, выполнив команду: Файл – Сохранить.
4.	Переключитесь в окно программы Microsoft Internet Explorer.
5.	Обновите страницу в браузере, нажав на кнопку Обновить браузера или на на клавишу F5.
Выводы	Вы загрузили в окно браузера новый вариант страницы. Введенный вами текст отобразился в основной части окна браузера.
6.	Переключитесь в окно программы *Блокнот.*
7.	Добавьте после заголовка Это моя первая Web-страница! следующий текст (обратите внимание, что каждое предложение в тексте начинается с новой строки).
	Результат: <BODY> Это моя первая Web-страница! Мое детство О школе О семье Я умею Я люблю В свободное время я... </BODY>
8.	Сохраните новый вариант страницы, выполнив команду: Файл – Сохранить.
9.	Переключитесь в окно программы Microsoft Internet Explorer.
10.	Обновите страницу в браузере, нажав на кнопку Обновить браузера или на на клавишу F5.
Выводы	В браузере весь написанный вами текст представляет собой один большой абзац. Это происходит потому, что браузер при интерпретации HTML-документа игнорирует невидимый символ перевода строки, который вы вставляли в конец каждого предложения для лучшей читаемости исходного текста. Браузер также проигнорирует символы табуляции и дополнительные пробелы, вставленные в текст. Исправлять ситуацию будем в следующем задании.
11.	Закройте программы Блокнот и MS Internet Explorer.