русс | укр

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

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

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

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


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

Как видите текст содержащийся в элементе DIV выделился в отдельную строку!


Дата добавления: 2013-12-23; просмотров: 784; Нарушение авторских прав


SPAN - Используется для выделения части информации и придания ей различных стилей. Закрывающий тег обязателен!
Сам по себе, без использования стилей, элемент SPAN никакого смысла не имеет!

Например:

Хотите пользоваться <span>Adobe Dreamweaver </span>- тогда изучите хотя бы основы html и <br>
тогда Вы без проблем разберетесь с этой замечательной программой!

Что мы увидим:

Как видите, как будто мы ничего и не выделяли! Но если прописать какой нибудь стиль этому тегу, то он начнет работать!

Хотите пользоваться <span style="color:red;" >Adobe Dreamweaver </span>- тогда изучите хотя бы основы html и <br>
тогда Вы без проблем разберетесь с этой замечательной программой!

В данном случае я прописал стиль красного цвета, подробнее о стилях в курсе CSS.

Таким образом с помощью элемента SPAN можно хоть каждой букве в тексте присвоить разный стиль(цвет, размер, и.т.д.)

Урок 4: Продолжаем работать с текстом

Чтобы придать тексту ту или иную гарнитуру в html используются такие элементы:

- STRONG Используется для выделения текста жирным
- EM Используется для выделения текста курсивом
- U Выделение текста подчеркиванием
- S Перечеркивание текста
- SUP Создание верхнего индекса
- SUB Создание нижнего индекса
- FONT Изменение цвета, типа, размера шрифта
- HR Вставляет в текст горизонтальную разделительную линию

STRONG -Выделяет текст, заключенный между открывающим и закрывающим тегами, жирным шрифтом. Раньше везде использовался тег <BOLD> (или <b> ), в принципе его можно использовать и сейчас, но это не приветствуется поисковыми системами.

Если в теле документа написать:

<strong> Этот текст будет выделен жирным </strong> <br>
<b> И этот тоже, но этим тегом лучше не пользоваться!</b>



В браузере увидим:

Как видите, оба этих тега действуют одинаково. В программе Adobe Dreamweaver на панели форматирования текста написано "B"

(просто это название более старое и большинство веб-мастеров привыкли к нему), хотя при нажатии на эту кнопочку в коде пишется тег <strong>.

EM ( Emphasis ) -Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом. Также аналогичен по действию тег <I> , однако его лучше не использовать т.к. это не приветствуется поисковыми системами.
В программе Adobe Dreamweaver на панели форматирования текста написано "I" хотя в коде пишется EM.

Приведу пример:

<em>Этот текст будет выделен курсивом </em> <br>
<i> И этот тоже, но лучше пользоваться тегом EM</i>

В браузере увидим:

U(Underline) - Отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый:

Если в теле документа написать:

<u> Этот текст будет подчеркнутым!!! </u>

Увидим в браузере:

S(Strike) -Текст, помещенный между открывающим <s> и закрывающим </s>тегами, будет перечеркиваться!

Например:

Вниманиe акция! новая цена <s> 50 000</s> 20 000 рублей!

Результат:

SUP ( Superscript) -Отображает текст, заключенный между открывающим <SUP> и закрывающим </SUP> тегами, как верхний индекс от основного текста.

Например:

2 <sup> 2</sup> = 4 ;<br>
2 <sup> 3 </sup> = 8 ;<br>
2 <sup>4 </sup> = 16 ;

И что получим:

SUB(Subscript) -Отображает текст, заключенный между открывающим <SUB> и закрывающим </SUB> тегами, как нижний индекс от основного текста.

Приведу пример:

Формула спирта в химии - С <sub>2 </sub>Н<sub>5 </sub>ОН

И что мы получим:

FONT - Позволяет изменять цвет, размер и тип шрифта текста, находящегося между открывающим <font> и закрывающим </font> тегами.

Атрибуты:

SIZE -Определяет размер шрифта. Возможные значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.

COLOR - Определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

FACE -определяет используемый шрифт. Используйте Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех. Иначе гарантий нет!

Если в теле документа написать:

Это обычный текст <br>
<FONT SIZE="+2" COLOR="red"> Увеличенный красный шрифт</FONT>
<br>

<FONT SIZE="3" FACE="Courier New" COLOR="Violet">Моноширинный фиолетовый текст 3 размера</FONT>

При просмотре в браузере увидим:

Если написано SIZE="+2" то это означает увеличить на 2 единицы шрифт по сравнению со стандартным. Обычно стандартный размер шрифта равен 3 .

Примечание:В дальнейшем(после изучения css) лучше вообще все что связано с типом, размером и цветом шрифта делать через таблицы стилей. Это гораздо удобнее, тем более многие элементы форматирования текста расположенные внутри элемента FONT, работают некорректно.



<== предыдущая лекция | следующая лекция ==>
Урок 2: Создаем свою первую страничку | OL (Ordered List)- Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.


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


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

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

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


 


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

 
 

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

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