Инструментарий. Основные понятия.
Ступенька 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 | .
|
| |
|
Главная | Оглавление | Словарь
Если вы уже достаточно попутешествовали по интернету, то вы должны были заметить, что ссылка может быть не только на документ с расширением *.html, но и на многие другие (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д:) Как это делается? Да все по тому же принципу:
<a href="http://www.melody.ru/music.mp3"> скачать песню </a>
Если адрес указан таким способом:
<a href="http://www.melody.ru/"> музыкальный сайт </a>
То это означает, что в указаном каталоге есть файл вроде index.html, который загрузится по умолчанию.
Но поговорим особо о картинках, многие из вас, наверное, сталкивались с таким явлением: когда жмешь на маленькую картинку, то загружается большая в том же или в новом окне. Как это делается? Тут никаких хитростей: делаем ссылкой картинку (допустим small.jpg) и ссылаемся на другую картинку (допустим big.jpg):
<a href="big.jpg"> <img src="small.jpg"> </a>
В этом случае большая картинка откроется в том же окне. Но как же сделать так, чтобы картинка (или любой другой файл-документ) открылась в новом окне? Дело в том, что у тэга <a></a> есть параметр target:
<a href="big.jpg" target="_blank"> <img src="small.jpg"> </a>
Итак, target="_blank" - указывает на то, что документ (картинка в нашем случае), на который ведет ссылка, откроется в новом окне броузера (Explorer`а). В наш большой пример я это вводить не буду. Т.к. не хочу заводить большие картинки на сайте, и т.к. вы должны уже сами все подставлять и сами эксперементировать:)
Вот мы уже почти одолели первый лестничный пролет. Осталось еще несколько ступенек, на которых мы ознакомимся с тэгами нужными, но менее часто употребляемыми, чем тэги, которые мы уже изучили.
Назад | Шагнуть на следующую ступеньку
|
|
|
|
