HTML- основные термины и понятия

HTML
Дополнительные элементы в HTML

Дополнительные элементы в HTML служат для украшения, выделения, упорядочивания текста. Их применение повышает возможности верстки текста и улучшает внешний вид. Только стоит помнить о том, что частое применение сильно яркого и мигающего текста скорее отвлекает, чем привлекает внимание пользователей и сайт в целом будет вызывать раздражение.Дополнительные элементы в HTML
08.06.2011
Общая оценка: / 0
Ужас!Класс!
Дополнительные элементы в HTML служат для украшения, выделения, упорядочивания текста. Их применение повышает возможности верстки текста и улучшает внешний вид. Только стоит помнить о том, что частое применение сильно яркого и мигающего текста скорее отвлекает, чем привлекает внимание пользователей и сайт в целом будет вызывать раздражение.

Упорядоченные и неупорядоченные списки
Для обозначения упорядоченного (нумерованного) списка в тексте применяются теги

и
1. , которые по окончании должны закрываться. Например, чтобы создать простейший упорядоченный список нужно:
   
   1. Первый пункт
   2. Второй пункт
   В результате получим нумерованный список из двух пунктов. Если в теге
   
2. добавить атрибут type, то можно назначить параметры:
   "1" - арабские цифры (по-умолчанию)
   "I" - римские цифры
   "a" - латинские буквы нижнего регистра
   "А" - латинские буквы верхнего регистра
   Для обозначения неупорядоченного списка также используют тег
   
3. , но открывается этот список тегом
   . Также, как и в упорядоченных списках к тегу
   • можно применять атрибут type, у которого есть свои значения:
     
     • заштрихованный кружок
     • заштрихованный квадрат
     • пустой кружок
     Атрибут type можно указываться для тегов
     и
     , в результате выбранный стиль списка применится ко всем пунктам. Список определений Для создания списка определений можно использовать специальные для этого теги

     ,

     ,

     . C помощью тега
     

     открывается список с определениями. В теге

     указывается заголовок термина, а в

     вписывается определение этого термина. Таким образом структура списка в HTML будет иметь вид:
     

     термин

     определение

     Таким образом можно создавать список определений, в котором определения будут обозначены курсивом. Создание горизонтальных линий Горизонтальные линии в тексте задаются с помощью тега

     ---

     к которому можно назначать следующие атрибуты: align - выравнивание (по-центру, слева, справа) width - ширина линии (% или px) size - толщина линии noshade - отмена объема линии Т.е. для получения линии слева, по ширине 30% с заданной толщиной, пишем:

     ---

     Также горизонтальную линию можно получить с помощью свойства border в стилях и с помощью вставки картинки в 1px и растягивания её, указывая размеры (width x height) Бегущая строка Чтобы создать бегущую строку нужно применять закрывающийся тег marquee, в котором указывается бегущий текст: marquee бегущий текст /marquee К этому тегу можно применять атрибуты для задания размеров поля (width и height) цвета заливки (bgcolor) выравнивания (align). Кроме того есть специальные атрибуты: loop - количество проходов (loop="5") scrollamount - скорость текста (от 1 до 10) direction - направление (left, right, up, down) behavior - способ показа (slide - проход с остановкой и alternate - от края до края) Специальные символы Спецсимволы используются в HTML для того, чтобы показать знаки, которые невозможно написать в коде из-за того, что могут возникнуть конфликты (<, " и т.д.) < - знак < > - знак > " - кавычки "   - пробел (если требуется несколько пробелов подряд) & - символ & Теги для обозначения цитат Существуют несколько тегов для обозначения цитат в тексте, которые отличаются по назначению и внешнему виду:

     - закрывающийся тег для выделения длинных цитат. Текст в этом теге будет иметь отступы слева и справа, а также горизонтальные линии вверху и внизу - закрывающийся тег для выделения текста как цитаты, в результате текст будет отмечен курсивом - текст заключенный в этот закрывающийся тег будет показан в кавычках Изменение вида текста - тег для обозначения веб-кода, который отображается моноширинным текстом - тег для установки мигающего текста - тег для выделения компьютерных переменных - тег, который обозначает принудительный перенос в слове - этот закрывающийся тег часто применяется, если требуется установить определенные стили для части предложения Ссылки в HTML-документе Ссылки на веб-странице очень важная деталь, с помощью которых можно указать путь на подробный или похожий материал, ссылаться на какой-либо источник, переносить посетителя на новую страницу или другой сайт и т.д. Ссылки бывают внешними и внутренними (по вашему сайту). Ссылки в HTML-документе встречаются довольно часто, поэтому стоит с ними познакомится для повышения веб-навыков. Изображения в HTML-документе Изображения на сайте значительно улучшают его внешний вид, оживляют сайт и отображают визуально представленную информацию. Редкий сайт удержит посетителя, если на нем представлен только текст. Изображения в html-документе могут легко позиционироваться и подвергаться дополнительной настройке с помощью тегов и атрибутов. Перед вставкой на сайт, изображение желательно оптимизировать, то есть предварительно изменить его размер в кб. для быстрой загрузки и изменить формат (jpg, gif, png) - чтобы изображение показывалось на большинстве браузеров. Источник