Инструментарий. Основные понятия. Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Хтмл - язык ли? Гуси, гуси , тэги, tag`и". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Простейшие. Ступенька 4 - "Раскрась сам. Изменяем цвет текста". Ступенька 5 - "Как изменять цвет фона. Оранжевый галстук". Ступенька 6 - "Параграфы. Учимся выравнивать текст". Ступенька 7 - "Что такое заголовки и как задавать размер буковок". Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие". Ступенька 9 - "Что такое путь?" Как вставлять картинки". Ступенька 10 - "Что можно сделать с картинкой". Ступенька 11 - "Ссылка и как с нею бороться". Ступенька 12 - "Может ли картинка быть ссылкой". Ступенька 13 - "Куда податься, на что ссылаться. Новое окно". Ступенька 14 - "Что такое списки, или Он меня посчитал". Ступенька 15 - "О линиях. Просто и полезно". Ступенька 16 - "Спецсимволы или Головная боль". Таблицы. Ступенька 17 - "Учимся создавать таблицы". Ступенька 18 - "Учимся создавать таблицы" продолжение. Ступенька 19 - "Таблицы, вертикальное выравнивание (valign)". Ступенька 20 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)" Ступенька 21 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством". Ступенька 22 - "Вложенные таблицы и некоторые нюансы". Ступенька 23 - "О рамках таблиц, и брюзжание о таблицах напоследок". Фреймы. Ступенька 24 - "Вступление. Зачем они (фреймы) нужны." Ступенька 25 - "Учимся создавать фреймы". Ступенька 26 - "Учимся создавать фреймы" продолжение. Ступенька 27 - "Учимся создавать фреймы" продолжение. Ступенька 28 - "Параметры тэга Frame. Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма". Ступенька 29 - "Как делать так, чтобы при нажатии на ссылку документ открывался в другом фрейме, в полное окно". Ступенька 30 - "Последняя глава о фреймах. Что такое IFrame. Несколько ссылок напоследок.". Дополнительные. Ступенька 31 - "Форматирование текста. Тэги Big, Small, Strike (или S), Sub и Sup" (крупный, малый текст, перечеркнутый, верхний и нижний индексы). Ступенька 32 - Завершение обтекания текстом объекта (картинки). Ступенька 33 - Навигационные карты. Map. Как сделать часть картинки ссылкой. Ступенька 34 - Навигационные карты 2. Ступенька 35 - Навигационные карты 3. Ступенька 36 - Ссылка внутри документа, якоря, anchor. Ступенька 37 - Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight. Ступенька 38 - Cпецифические теги, бегущая строка текста. Примечания. Примечание (1) - Как сохранить документ, как html-файл в блокноте. Примечание (2) - Несколько ссылок на тему "История HTML". Примечание (8) - Работа со шрифтами (ссылки). Примечание (11) - Подсказка к текстовой ссылке Примечание (11) - Дополнительные опции Mailto. Примечание (12) - Как задавать цвет рамок вокруг картинки? И нужны ли рамки? Примечание (24) - "Фреймы хорошо, или все же плохо?" Карта сайта Всё о PHP | .

Главная | Оглавление | Словарь Еще в самом начале обучения, в самых первых главах, я говорила о тэге Br, который осуществляет принудительный перевод текста на другую строку (т.е. аналогичен нажатию клавиши Enter, когда мы форматируем текст в обычном текстовом редакторе). В этой главе мы поговорим о параметре тэга Br - Clear. Зачем он нужен? Допустим текст обтекает какой-либо объект (например, картинку): А мои дети и внуки будут пользоваться моей славой. Смогут купить сосиски, не стоя в огромной очереди. Отварят их, да побольше, наложат в тарелку горкой. Принесут к моим гранитным ногам. "Кушай, великий предок!" Я посмотрю на них с неба, ласково так, с любовью: "Кушайте сами сосиски. И живите в мире и счастье." Нам нужно, чтобы текст после слов "к моим гранитным ногам" обрывался, и "кушай, великий предок" - уже продолжалось под картинкой. Вы, конечно, можете ввести несколько тэгов br и решить эту проблему. Но если вдруг картинка (объект) будет большой, текста много, то тут вы уже явно не обойдетесь несколькими br, тут вам придется употребить их с десяток и больше. Так вот, чтобы вам не пришлось мучатся в таких ситуациях, и существует параметр clear: А мои дети и внуки будут пользоваться моей славой. Смогут купить сосиски, не стоя в огромной очереди. Отварят их, да побольше, наложат в тарелку горкой. Принесут к моим гранитным ногам. "Кушай, великий предок!" Я посмотрю на них с неба, ласково так, с любовью: "Кушайте сами сосиски. И живите в мире и счастье." Теперь пример кода: <img src="clearpri.gif" align="left"> А мои дети и внуки будут пользоваться моей славой. Смогут купить сосиски, не стоя в огромной очереди. Отварят их, да побольше, наложат в тарелку горкой. Принесут к моим гранитным ногам. <br clear="left"> "Кушай, великий предок!" Я посмотрю на них с неба, ласково так, с любовью: "Кушайте сами сосиски. И живите в мире и счастье." У параметра clear существует несколько значений - all, left, right. All - завершить обтекание объекта текстом. Left - завершить обтекание текстом объекта, выровненного по левому краю. Right - завершить обтекание текстом объекта, выровненного по правому краю. В нашем примере мы задали clear="left", т.к. наша картинка выровнена по левому краю. Вот и вся премудрость. Текст примера - это отрывок из стихотворения "Первый!" одного моего знакомого, который в виртуальной реальности величает себя Мирзавчиком, не имеет никакого отношения к нашему обучению, и упомянут лишь из уважения к авторскому праву. Назад | Шагнуть на следующую ступеньку