Галагазета | HTML-теги для форматирования текста..."
HTML-теги для форматирования текста...*"``
Sunlight, 22 января 2014 г., 12:20
  Всем привет, друзья! Те, кто читает мои статьи довольно долгое время, помнят, что примерно в октябре я начал выпускать статьи, в которых рассказывал о том, как построить свой сайт с помощью html разметки. Первые два или три урока были вводными, в них я рассказал, что такое HTML и с чем его едят, как говорится. Также мы пробовали заниматься практически, но совсем чуть-чуть, давайте теперь продолжим практические занятия и будем по чуть-чуть добавлять новые элементы в наш html-код.
 
 В этой статье мы рассмотрим не самые популярные html-теги, которые используются для корректировки текста, но знать их приходится, чтобы информация на вашем сайте была не "голым текстом". 
 
 (-) < abbr> (-) 
 
 Теги < abbr> и < /abbr> укажут посетителю вашей странички на то, что данный текст - аббревиатура. Визуально это будет выглядеть, как текст, подчеркнутый пунктиром (точками), а когда пользователь наведет на неё курсор мыши, то всплывет подсказка с расшифровкой данной аббревиатуры. Пробуем... Открываем блокнот, вписываем код и добавляем наполнение (на усмотрение).
 
 (Фотография не найдена)
 
Дело сделано, теперь сохраняем как документ html/htm и открываем, используя любой браузер на вашем компьютере, получаем следующее:
 
 (Фотография не найдена)
 
  При наведении курсора (на скриншоте курсора не видно) появляется расшифровка, вы можете это понаблюдать на приложенном изображении, а мы переходим к следующему тегу.
 
 (-) < acronym> (-) 
 
  Говорить много об этом теге не стоит, потому что он работает точно так же, как и тег < abbr>, только поддерживается всеми браузерами, которые используют пользователи. 
 
 (-) < address> (-) 
 
  Это специальный тег (< address> и < /address>;), чаще всего используется для написания адреса, как это выглядит? Давайте взглянем: 
 
 (Фотография не найдена)
 
Так, смотрим, что мы получим в итоге: 
 
 (Фотография не найдена)
 
 (-) < code> (-) 
 
  Теги <code> < /code> используют для выведения на экран фрагментов программного кода. 
 
 (Фотография не найдена)
 
  Примерно понятно, да? Теперь давайте перейдем к следующим тегам. 
 
 (-) < del>, < strike>, < s> > (-) 
 
  Если указать один из этих тегов, заключив между ними текст, посетитель сайта увидит перечеркнутый текст. Все просто, думаю, что изображение не нужно. Здесь же я хотел бы еще упомянуть такие теги, как: 
 <q> < /q> - выделяют текст в кавычки;
 <big> < /big> - текст больше стандартного;
 <small> < /small> - текст меньше обычного; 
 <blink> < /blink> - отображают мигающий текст.
 
 (-) < hr> (-) 
 
 Данный тег рисует горизонтальную линию, которая отделена сверху и снизу пустыми строками. Данному элементу HTML-кода можно задать параметры:
 
 align - выравнивает линию по центру (center), слева (left) или справа (right). 
 width - используется для указания принудительного размера линии (в пикселях либо процентах) в зависимости от экрана.
 size - устанавливает толщину линии в пикселах. 
 color - поможет придать цвет линии. 
 noshade - убирает рельефность линии.
 
 Взглянем на пример кода и то, что получается в итоге: 
 
 (Фотография не найдена) (Фотография не найдена)
 
 (-) < pre> (-) 
 
  Забавный элемент кода, который позволяет выводить текст на экран в таком виде, каким вы указали его при написании кода. Вы, наверно, заметили, что сколько бы пробелов вы ни сделали в коде, на экране всегда отображается только один. Так вот, дорогие друзья, для того, чтобы вы смогли написать на своем тексте стихотворение либо какой-нибудь рассказ, сохраняя все "красные строки" и отступы, то вам просто необходим теги < pre> < /pre>. Пишу код и выкладываю скриншот с примером...
 
 (Фотография не найдена) (Фотография не найдена)
 
 Вот, дорогие друзья, на сегодня все, встретимся в следующем уроке, а пока творите, оформляйте текст, выделяйте свой сайт, делайте его индивидуальным...)
 
 Веsельчаk:p*"`` 
6 0 [Авторский текст]
Просмотров: 239
Подписок на автора: 116
Поделиться



Закрыть
© Team-Tech.ru, 2017 - 2024