русс | укр

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

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

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

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


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

Чи можу використовувати кілька тегів одночасно?


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


Так, виключаючи перекривання тегів. Це простіше побачити на прикладі:

Приклад 3:

Якщо ви хочете вивести текст bold і italic, це потрібно зробити так:

<b><i>Текст bold і italic</i><b>


а НЕ так:

<b><i>Текст bold і italic</b><i>


Різниця в тому, що, в першому випадку, ми закрили перший тег в останню чергу. Так ми уникаємо конфліктів в браузері.

Ще тегів!

Як сказано в Уроці 4, є теги, які є одночасно відкриваючими і закриваючими. Ці теги містять команди, які не пов'язані з конкретними літерами, є ізольованими командами. Приклад - тег <br />, який створює перенесення рядка:

Приклад 4:

Деякий текст <br /> і ще текст, вже на новому рядку


буде виглядати в браузері:

Деякий текст і ще текст, вже на новому рядку


Зауважте, що цей тег записаний як гібрид відкриваючих і закриваючих тегів з пропуском і слешем: <br />. У принципі, його можна записувати <br> </ br>, але навіщо ускладнювати?

Інший такий тег - <hr /> - малює горизонтальну лінію ("hr" від "horizontal rule"):

Приклад 5:

<hr />


буде виглядати в браузері:

 


Приклади тегів, що вимагають наявності і закриває тега: <ul> , <ol> і <li>. Ці теги використовуються для виведення списків.

<ul> - скорочення від "unordered list / невпорядкований список" - вставляє значок кнопки для кожного елемента списку. <ol> - скорочення від "ordered list / упорядкований список" - нумерує кожен елемент списку. Для створення елемента списку використовуйте тег <li> ("list item / елемент списку"). Незрозуміло? Див. приклади:

Приклад 7:

<ul> <li>Елемент списку</li> <li>Інший елемент списку</li> </ul>


виглядає в браузері:



  • Елемент списку
  • Інший елемент списку


Приклад 8:

<ol> <li>Перший елемент списку</li> <li>Другий елемент списку</li> </ol>


виглядає в браузері:

  1. Перший елемент списку
  2. Другий елемент списку

 

Фе! І це все?

Все на сьогодні. Отже, експериментуйте і створюйте ваші власні сторінки з сімома новими тегами, вивченими на цьому уроці:

<i>Italic</i> <small>Зменшений шрифт</small> <br />перенесення рядка <hr />Горизонтальна лінія <ul>Список</ul> <ol>Упорядкований список</ol> <li>Елемент списку</li>

 

Урок 7: Атрибути


Ви можете призначати атрибути в багатьох тегах.



<== предыдущая лекция | следующая лекция ==>
Ну гаразд, але як мені додати вміст в мій web-сайт? | А посилання всередині сторінки?


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


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

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

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


 


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

 
 

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

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