Н
Практическая работа №1 тема: Основные дескрипторы нтмl
Цель: освоить основные дескрипторы HTML.
Оборудование: персональный компьютер, Windows XP.
Теоретическая часть:
1. Основные дескрипторы.
Как написать курсивом фразу:
Я хочу, чтобы это отображалось в браузере
Заключим, например. в "курсивные" дескрипторы Слово ЭТО:
Я хочу, чтобы <I>ЭТО</I> можно было прочесть в браузере!
жирному должен соответствовать дескриптор <В> (от слова Bold), а подчеркиванию — < U> (от Underline).
Чтобы слово это выводилось жирным шрифтом, а первая буква э — еще и курсивом нужно использовать вложенные дескрипторы <I> и <В>
Для того чтобы разделить текст на абзацы, в НТМЬ применяется дескриптор <Р> — от английского paragraph, что в переводе означает вовсе не "параграф" (как было бы логично с точки зрения русского языка), а именно "абзац".
<Р>Я памятник себе воздвиг нерукотворный,</Р> <Р>К нему не зарастет народная тропа.</Р> <Р>(с)<I><В>А.С.П</В>ушкин</I></P>
Если обычный пробел (а также, кстати, и табуляция) расценивается браузером как отсутствие символа. то неразрывный пробел для него — полноценный символ, хоть и невидимый. Что и требуется.
Как ввести неразрывный пробел в Notepad? С помощью специального обозначения — &ndsp
<Р>Я памятник себе воздвиг нерукотворный,</Р> <Р>К нему не зарастет народная тропа,</Р> <Р>& ndsp </р>
<Р>(с) <I><В>А.С. П</B>ушкин</I></Р>
2. Абзац с параметрами
<ДЕСКРИПТОРпараметр1=значение1 параметр2=значение2...>
У дескриптора <Р> всего один параметр —align. Он принимает одно из четырех значений —left, right, center или justify. Этот параметр "отвечает" за выравнивание текста — соответственно по левому или правому краю, по центру или по обоим краям сразу. Впрочем, значение justify поддерживается не всеми браузерами, хотя в 1Е проблем не возникает.
По умолчанию обычно текст выравнивается по левому краю, что соответствует коду <Р align= right >. Попробуем отформатировать наш пример по-другому:
<Р>Я памятник себе воздвиг нерукотворный,</Р>
<Р>К нему не зарастет народная тропа.</Р>
<Р>& ndsp </р>
<Р align= right >(с) <I><В>А.С. П</B>ушкин</I></Р>
3. Воспользуемся другим дескриптором — <ВR>. Означает он переход на новую строку, но не на новый абзац — то, что в Word называется "разрыв строки". При этом:
• по умолчанию в новой строке сохраняется тип выравнивания, присвоенный всему абзацу;
• расстояние между новой строкой и предыдущими строками абзаца равно расстоянию между остальными строками абзаца.
Именно это нам и требуется. Теперь лишние абзацы, в том числе и "невидимый", можно убрать
<Р>Я памятник себе воздвиг нерукотворный, <ВR>
К нему не зарастет народная тропа. </Р> <Р align= right >(с) .С. П</В>ушкин</1></Р>
Обратите внимание: дескриптор <ВR> — одиночный. У него нет парного закрывающего дескриптора. И неудивительно: ведь этот дескриптор "работает" не на участке текста, а в той точке, где он поставлен.
4. Комментарий в НТМL-коде заключается между символами <! -- и -->:
<!-- комментарий ->