русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Разделительные полосы


Дата добавления: 2015-07-09; просмотров: 629; Нарушение авторских прав


Для разбиения Web-страницы на части используют разделительные полосы, они проходят по всей ширине страницы и вставляются тегом <hr>. В месте вставки полосы текст разбивается. Разные браузеры изображают полосы по-разному, но все они масштабируют длину полосы в соответствии с шириной окна браузера.

Вставка разделительных полос
Вот так выглядит стандартная полоса:


Но их можно форматировать, изменить, например:
- длину полосы и способ расположения её

 

 

 


- толщину полосы


- наличие или отсутствие оттенения


Какие атрибуты и за что отвечают, читайте ниже


Вид разделительных полос можно изменить некоторыми атрибутами, встраиваемые в тег <hr>.
Атрибут sizeзадает толщину полосы, которая измеряется в пикселях.
Атрибут wight задает длину полосы. она может измеряться либо в пикселях, либо в процентах от ширины окна.
Атрибут noshade позволяет создать полосу без обычного оттенения.
Если длина полосы меньше ширины окна, можно выбрать её положение, за это отвечает атрибут align

Списки

Существует два вида основных списков: упорядоченные (по алфавиту или по цифрам) и неупорядоченные (с вводным маркетом).
Упорядоченные списки задаются парным тегом <ol>, а неупорядоченные - тегом <ul>. Оба вида используют для элементов списка одиночный тег<li>.

Для неупорядоченных списков есть три вида вводных маркеров. Это делается с помощью атрибута type= внутри тега <ul>. Возможные атрибуты - disc(круг), circle(окружность), square(квадрат).
Для упорядоченных списков существуют следующие способы индексации: арабские цифры, прописные буквы, строчные буквы, римские цифры. Это делается при помощи атрибута type= с соответствующем аргументом (1, А, а, i).

<ol type=1 start10>



  1. Этот список прописывается арабскими цифрами и начинает счет от числа 10
  2. Этот список прописывается арабскими цифрами и начинает счет от числа 10
  3. Этот список прописывается арабскими цифрами и начинает счет от числа 10
  4. Этот список прописывается арабскими цифрами и начинает счет от числа 10
  5. Этот список прописывается арабскими цифрами и начинает счет от числа 10
  6. Этот список прописывается арабскими цифрами и начинает счет от числа 10

</ol>

<ul type=circle>

  • А этот список будет прописываться окружностью
  • А этот список будет прописываться окружностью
  • А этот список будет прописываться окружностью
  • А этот список будет прописываться окружностью
  • А этот список будет прописываться окружностью
  • А этот список будет прописываться окружностью
    Можно так же и квадратом или кругом, как я писал ранее:
  • Вот пример квадратного маркера, в вводится он вот так:<li type="square"> Элемент списка
  • А для маркера в виде круга нужно набирать тег вот так:<li type="disc"> Элемент списка

</ul>



<== предыдущая лекция | следующая лекция ==>
Размер графического изображения | Использование таблиц в HTML


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.201 сек.