Прикладное 

Коды символов HTML. HTML Программный код Теги предназначенные для вывода частей программного кода

Введение

bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.

На многих форумах возможность использования BB-кодов настраивается администратором индивидуально на каждый раздел форума. Поэтому, прежде чем использовать BB-коды в сообщениях, необходимо убедиться, что они разрешены.

Форматирование шрифта

Базовые тэги для работы с текстом:

[p] Обычный абзац с отступом.

Абзац, которому можно задавать стиль.
* Здесь и далее «стиль» — это аналог style в HTML.
текст аналогично в HTML

текст


** С тэгами [p] можно использовать другие тэги, такие как [b], [i], [s] и т.д.

Текст, которому с помощью стиля можно менять свойства.

Ограниченная область, которой с помощью стиля можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.).
* По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей .

Форматирование текста:

[b] Важный текст, полужирный

[i] Важный текст, курсив

Просто полужирный

Просто курсив

[u] Подчёркнутый текст

[s] Зачёркнутый текст — аналогично варианту

Уменьшенный шрифт

Знак сноски сверху или индекс снизу от текста

Удалённый текст

Размеры шрифта:

Шрифт размером 13 пунктов

Шрифт размером 15 пунктов

Шрифт размером 9 пикселей

Шрифт размером 12 пикселей

Шрифт размером 15 пикселей

Размер 0

Размер +1

Размер +2

Возможные варианты размеров шрифтов (визуальная оценка) доступны .

Заголовки:

Заголовок 1-го уровня

Заголовок 2-го уровня

Заголовок 3-го уровня

Заголовок 4-го уровня

Заголовок 5-го уровня

Заголовок 6-го уровня

Оформление текста с помощью шрифтов:

Шрифт Comic Sans Ms

Шрифт Monotype Corsiva

Шрифт Tahoma

Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны .

Оформление текста с помощью цвета:

Красный текст
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.

Синий текст
* Цифра #0000ff означает синий цвет в RGB палитре.

Голубой фон
* У фона тоже можно менять цвет.

Синий текст, серый фон

Некоторые предопределённые цвета:

Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue
Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff

Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RR GG BB ):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

Возможные варианты палитры цветов и их кодов/наименований доступны .

Выравнивание текста и форматирование параграфов

Выравнивание текста:

Выравнивание текста по левой стороне

Выравнивание по левой стороне со стилем

Выравнивание в абзаце влево

Выравнивание текста по центру

Выравнивание по центру со стилем

Выравнивание в абзаце по центру

Выравнивание текста по правой стороне

Выравнивание по правой стороне со стилем

Выравнивание в абзаце справа

Выравнивание текста по обеим сторонам

Выравнивание по обеим сторонам со стилем

Выравнивание в абзаце по обеим сторонам
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.

Оформление сносок (комментариев) с отступом абзаца:

[q] Цитата в строке

Цитата в строке со свойствами


Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).

Примеры:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Форматирование параграфов и областей:

Привет! В этом абзаце первое предложение будет с "красной" строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.

Преформатированый текст сохраняет отступы слева и между словами и устанавливает те отступы, что вы укажите пробелами. Предупреждение! Тэг не делает переноса строки автоматом!

Форматирование списков

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

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.



[*] Другой такой пункт
[*] Ещё один пункт.

Для пронумерованных списков используем тэг :

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.


    • [*] Один из пунктов списка
    [*] Другой такой пункт
    [*] Ещё один пункт.

    Закрывающий тэг не обязателен для использования:

    • Один из пунктов списка
    • Другой такой пункт
    • Ещё один пункт.


    [*] Один из пунктов списка
    [*] Другой такой пункт
    [*] Ещё один пункт.

    Также возможно прямое указания вида списка:
    — пронумерованный список
    — алфавитный список
    — список, пронумерованный римскими цифрами

    Картинки

    Http://img.cx/img/primer.jpg - пример вставки картинки.

    Http://img.cx/img/primer.jpg - картинка слева.

    Http://img.cx/img/primer.jpg - картинка справа.
    * Данный код аналогичен коду в HTML:

    Http://img.cx/img/primer.jpg - картинка по центру.
    * Данный код аналогичен коду в HTML:

    Аналогичные тэги с названиями и всплывающими подсказками:

    Важно! В названии картинки нельзя использовать кавычки!

    Http://img.cx/img/primer.jpg - пример вставки картинки.

    Http://img.cx/img/primer.jpg - картинка слева.

    Http://img.cx/img/primer.jpg - картинка справа.

    Http://img.cx/img/primer.jpg - картинка по центру.

    Картинки с указанными размерами:

    Http://img.cx/img/primer.jpg - пример картинки с размером.
    * Данный код аналогичен коду в HTML:

    Http://img.cx/img/primer.jpg - картинка слева, с размером.

    Http://img.cx/img/primer.jpg - картинка справа, с размером.

    Вставка больших изображений с полосами прокрутки:

    Http://www..jpg — картинка в выделенной области, если она больше доступного размера отображения на форуме.

    Адрес - открыть изображение в новом окне.
    * Данный код аналогичен коду в HTML:

    Адрес - открыть изображение в том же окне.
    * Данный код аналогичен коду в HTML:

    HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.

    Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.

    Все HTML-элементы делятся на пять типов:

    • пустые элементы — , ,
      , , , , , ,
      Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта.

      Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов.

      Таблица-шпаргалка с тегами

      Для удобства пользования я сгруппировала теги по тематическим разделам, добавив значения свойства display для каждого тега. Чтобы перейти к таблице, кликните по рисунку.

      Специальные символы HTML — это короткие фрагменты кода, называемые символьными сущностями. Они используются для отображения символов, имеющих в HTML особое значение, а также символов, которые не доступны на клавиатуре.

      Специальные символы HTML называются зарезервированными. Например, левые () угловые скобки зарезервированы в HTML для определения открывающих и закрывающих тегов.

      Символы, которые не доступны на клавиатуре, включают в себя такие знаки, как символ копирайта (©) и математическое значение пи.

      Если мы хотим использовать их в документе и выводить в браузере, нужно использовать ссылки на символы HTML .

      Практический пример

      Предположим, что вы хотите отобразить на веб-странице блок HTML-кода , чтобы при этом выводились теги элементов. Можно сделать это, просто поместив блок HTML в теги . Но вы обнаружите, что даже в , блок все равно будет обрабатываться как HTML-код и отображаться браузером соответствующим образом. В этом случае можно заменить все специальные символы HTML соответствующими символьными ссылками, чтобы браузер не обрабатывал код:

      This is a list of items.

      • List Item A
      • List Item B
      • List Item C

      d=document; a=""; a+="; r="+escape (d. referrer)

      js=10 // -->

      a+="; j="+navigator. javaEnabled ()

      js=11 // -->

      s=screen; a+="; s="+s. width+"*"+s. height

      a+="; d="+ (s. colorDepth? s. colorDepth: s. pixelDepth)

      js=12 // -->

      js=13 // -->

      d. write ("

      "? id=280923; js="+js+a+"; rand="+Math. random () +

      "" height=1 width=1>")

      if (js>11) d. write ("") // -->

      Тег для создания таблицы.
      Определяет тело таблицы.
      Создает ячейку таблицы.
      Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом.
      Создает большие поля для ввода текста.
      Определяет нижний колонтитул таблицы.
      Создает заголовок ячейки таблицы.
      Определяет заголовок таблицы.
      Определяет дату/время.
      Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
      Создает строку таблицы.
      Добавляет субтитры для элементов и .
      Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
      		Создает маркированный список.
      Выделяет переменные из программ, отображая их курсивом.
      Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
      Указывает браузеру возможное место разрыва длинной строки.

      VB и COM Барби Игры Генератор игр Tutorials Winsock Курсовики Visual Basic Free Tutorials Игры MP3 Шаблоны Сайт Вебдизайн Delphi Скачать игру Натуризм Карты Бесплатные шаблоны Курсовики Photoshop

      Список серверов для хостинга персональных веб сайтов. Приведена проверенная информация, позволяющая сравнивать качество предоставляемого хостинга - размер выделенного дискового пространства, разрешенный объем трафика, дополнительная рекламная нагрузка, варианты для загрузки файлов (FTP или HTTP), почтовые сервисы, готовые шаблоны сайтов и т.д.

      В разделе "Готовые шаблоны сайтов" представлен обзор архивов с большим выбором готовых шаблонов веб сайтов. В обзор включены шаблоны, выполненные с использованием различных технологий и на различные тематики. Представленные шаблоны доступны для бесплатного (как правило) скачивания, так и для получения на платной основе (за небольшую плату 10$ - 30$). [Готовые сайты]


      geocities. yahoo.com - весьма удобный и качественный бесплатный и платный хостинг. Выделяемый объем - 15 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Adsquare. Адрес Вашего сайта - /you. Дополнительные сервисы - RealVideo, RealAudio, POPmail, GuestBook, MailForm Counter.


      www.holm.ru - бесплатный и платный хостинг. Выделяемый объем - не ограничен. Есть доступ по FTP. Доступны серверные логи. Доменное имя третьего уровня ваш_домен. holm.ru Реклама - банер. Дополнительные сервисы - cgi скрипты, SSI, Perl, PHP4, MySQL,


      www.hostultra.com - бесплатный и платный (от 5$) хостинг. Выделяемый объем - 999 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адрес Вашего сайта - /~you. Дополнительные сервисы - Unlimited Bandwidth, Unlimited Webspace, Domain Hosting, PHP, FTP.


      www.hut.ru - бесплатный хостинг. Выделяемый объем - не ограничен. Есть доступ по FTP. Адрес Вашего сайта - /state/you. Дополнительные сервисы - PHP-скрипты , cgi-скрипты, MySql, доступ к файлу. htaccess, SSI, доступ к лог-файлам, форум и гостевая книга.


      www.joinme.net - бесплатный хостинг. Выделяемый объем - 5 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адрес Вашего сайта - /you. Дополнительные сервисы - online web-page creation tools, guestbook, Bulletin Board, additional space available upon request.


      www.justfree.com - бесплатный хостинг. Выделяемый объем - 40 Мбайт. Есть доступ по FTP. Без рекламы. Адрес Вашего сайта - /you. Дополнительные сервисы - Unlimited Bandwidth, Free Support, Free Guestbook, Free Forum, E-Z File Manager, Free Email.


      www.megspace.com - бесплатный хостинг. Выделяемый объем - 50 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адрес Вашего сайта - /dir/you. Дополнительные сервисы - Free Message Boards, Free Personal Guest Book, Free Search Engine Submissions, Free Easy to Use Upload Manager, Free Form Mailer, Free Site Builder, Fast Servers.


      narod. yandex.ru - бесплатный хостинг. Выделяемый объем - 999 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Banner. Адрес Вашего сайта - Subdomain. Дополнительные сервисы - почтовый ящик, шаблоны сайтов, статистика посещений, гостевая книга, форум.


      www.owns1.com - бесплатный хостинг. Выделяемый объем - 100 Мбайт. Загрузка файлов через FTP. Редактор - Adv Basic. Реклама - Topbanner. Адрес Вашего сайта - Subdomain. Дополнительные сервисы - Free Frontpage extensions, php, cgi, mysql, control panels.


      redrival.com - бесплатный хостинг. Выделяемый объем - 2 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Popup. Адрес Вашего сайта - /you. Дополнительные сервисы - PHP 5, SQLite Databases, SSI/XSSI Scripting, Email Address, Advertising Supported.


      www.sitepalace.com - бесплатный хостинг. Выделяемый объем - 10 Мбайт. Загрузка через HTTP. Редактор - Adv Basic. Реклама - Popup. Адрес Вашего сайта - /you. Дополнительные сервисы - Unlimited Transfer, Unlimited Hits, Page Counter, FREE Submission to 300+ Search Engines.


      www.spaceports.com - бесплатный хостинг. Выделяемый объем - 10 Мбайт. Есть доступ по FTP. Реклама - Banner. Адрес Вашего сайта - /~you. Дополнительные сервисы - CGI-BIN, MailForm, PHP scripting, MySQL database support.


      www.stormloader.com - бесплатный хостинг. Выделяемый объем - 50 Мбайт. Загрузка файлов - Browser. Реклама - Topbanner. Адрес Вашего сайта - /you. Дополнительные сервисы - Page Building Tools, Unmetered Bandwidth.