Самоучитель по html

Содержание

1. Введение
   
   
2. Знакомство с html
   
   
3. Теги, обязательные к использованию
   
   
4. Заголовки и абзацы
   
   
5. Непарные теги
   
   
6. Стили текста
   
   
7. Списки
   
   
8. Предварительно форматированный текст
   
   
9. Связь между веб-страницами
   
   
10. Фреймы
    
    
11. Работа с изображениями
    
    
12. Музыка как фон html-документа
    
    
13. Вставка произвольных объектов в html-код
    
    
14. Таблицы
    
    
15. Формы в html
    
    
16. Карты навигации по сайту
    
    
17. Мета-теги
    
    
18. Заключение
    
    
19. Самоучитель по html скачать бесплатно

Фреймы

В главе Связь между веб-страницами вкратце употреблялся такой термин как фрейм. В переводе с английского на русский язык фрейм (frame) - это рамка, оправа. Определение фрейма будет звучать примерно так: фрейм - это область окна браузера, которая предствляет собой отдельный html-документ. Короче говоря, с помощью фреймов окно браузера можно разделить на несколько частей, каждая из которых будет отдельным html-документом. С какой-то стороны использование фреймов очень удобно, например создать оглавление/содержание в отдельной части браузера, а текст, размещённый в главах, разделах сайта в другой части, чтобы каждый раз не включать оглавление в новую веб-страницу. Однако фрейм-документ является специфическим html-документом и не содержит элемента .

Создаются фреймовые структуры следующим образом:

1. Создаётся страница, в которой указывается количество фреймов, их размер, атрибуты для кадого фрейма и имя каждого фрейма;
2. Для каждого фрейма создаётся отдельная веб-страница, которая затем будет отображена на странице, описывающей все фреймы.

А вот реализуется данная схема следующим образом:

1. Создаём главную страницу, описывающую фреймовый документ (без элемента !!!).
   
   
   
   
   
   
   
   <br> Твой браузер не поддерживает фреймы, поэтому ты видишь эту надпись<br>
   
   
   
   
   • Тег задаёт количество рядов (rows) или столбцов (cols). Можно задавать в пикселях (просто написать цифры , звёздочка будет обозначать всё оставшееся пространство) или в процентах, как выше и написано. Атрибут border описывает толщину разделительной линии между фреймами, не является обязательным атрибутом, его можно и не использовать.
     
     
   • Теги задают параметры для каждого фрейма в отдельности. С помощью атрибута SRC задаётся имя веб-страницы, которая будет открыта в окне фрейма. Команда NAME задаёт имя текущего фрейма (не является обязательной, но очень нужной). Атрибут noresize обозначает, что пользователь не может изменять размер фрейма, перемещая левой кнопкой мыши его границу. Также могут быть атрибуты: marginwidth="value", где value - число в пикселях (1 или больше, меньше нельзя, число натуральное), данный атрибут показывает величину разделительной полосы между фреймами сбоку; marginheight="value", где value - число в пикселях (1 или больше, меньше нельзя, число натуральное), работает также как и marginwidth, только разделительные полосы находятся сверху и снизу; scrolling="yes|no|auto", задаёт полосы прокрутки у фрейма, если scrolling="yes", полосы прокрутки присутствуют, если no, то отсутствуют (если документ не влезает в браузер и задано значение scrolling="no", он будет просто обрезан), если scrolling="auto", браузер автоматически определяет нужна прокрутка или нет, отсутствие атрибута scrolling идентично записи scrolling="auto".
     
     
   • Всё, что находится между тегами ... выводится на экран тех браузеров, которые не поддерживают фреймовые структуры, то есть, если у пользователя такой браузер, он (пользователь) увидит на экране монитора только то, что находится между этими тегами.
   
   
2. Создаём страницы для вывода во фреймовых окнах. Это будут новые веб-страницы. Для вывода в левом фрейме сделаем отдельную страничку, а для вывода в правом фрейме возьмём примеры различных html-документов, созданных ранее. Вот он, тест для левого фрейма:
   
   
   
   
   
   

   Содержание

   
   Пример 1
   
   Пример 2
   
   Пример 3
   
   Пример 4
   
   Пример 5
   
   Пример 6
   
   Пример 7
   
   Пример 8
   
   Пример 9
   
   
   

| следующая>>

© 2011-2012 «Мути в сети»