Верхние и нижние индексы
История языка
HTML - язык гипертекстовой разметки. Развитие html началось в 1989 году, когда выпускник Оксфордского университета Тим Бернерс-Ли выдвинул предложение о создании Системы гиппертекстовых документов. Наконец, в 1993 году появилась первая версия языка. Сегодняшним стандартом является HTML 4.0.1.
В 1994 году html был разбит на уровни. Было выделено 4 уровня.
Уровень 0: включает в себя заголовки, ссылки, списки.
Уровень 1: добавляются рисунки и элементы выделения текста.
Уровень 2: добавляются формы, позволяющие пользователю вводить информацию.
Уровень 3: добавляются таблицы.
Язык html в целом предлагает следующие возможности:
Публиковать в web документы, содержащие заголовки, текст, таблицы, списки, фотографии и т.д..
Получать дополнительную информацию, используя гипертекстовые ссылки.
создавать формы для передачи данных удалённым серверам.
Включать непоспедственно в документ видео- и аудиоклипы, анимационные ролики и другие обьекты.
Оформление текста
Заголовки - элементы H1 – H6
Язык HTML поддерживает 6 уровней заголовков. Они представлены соответственно элементами: H1, H2, H3, H4, H5, H6. Первый – самый главный, отображается более крупным шрифтом, шестой – самый маленький и по значению, и по размеру шрифта.
Пример
<H1>Пример 1</H1> <H2>Пример2</H2><H6>Пример3</H6>
Отображение примера в окне браузера
Пример 1
Пример2
Пример3
Выравнивание – атрибут align
По умолчанию текст выравнивается по левому краю страницы. Но можно отцентрировать текст либо выровнять его по правому краю, указав атрибут align="left | center | right" Символ вертикальной черты "|" в данном случае означает "или". Расшифруем значения ключевых слов атрибута align:
left - выравнивание по левому краю.
center - выравнивание по центру.
right - выравнивание по правому краю.
justify - выравнивание по ширине.
Пример
<H2 align="center">Этот заголовок будет выровнен по центру</H2>
Параграфы (абзацы) - элемент P
Элемент P похож на элемент H, только текст, помещённый в элемент P, имеет абзацные отступы. Выравнивание абзацев осуществляется аналогично выравниванию заголовков.
Пример
<P>Этот параграф выровнен по умолчанию</P> <P align="right">А этот по правому краю</P>
Контейнеры - элементы DIV и SPAN
В HTML существует специальный элемент DIV, который может служить контейнером для любых других элементов HTML. Элементы, помещённые внутрь тега DIV, отделяются от остального содержимого страницы абзацным отступом. С помощью атрибута align можно задавать выравнивание содержимого контейнера.
Пример
<DIV align="center">
<H1>Заголовок 1</H1>
<H2>Заголовок 2</H2>
<H3>Заголовок 3</H3>
</DIV>
<!-- Все три заголовка будут выровнены по центру страницы -->
Шрифты
Все шрифты делятся на несколько больших групп или семейств:
Serif - шрифты с засечками, такие как Times New Roman.
Sans-serif - шрифты рублёные, без засечек, такие как Arial, Verdana и Tahoma.
Monospace - моноширинные шрифты (с одинаковым расстоянием между символами), такие как Courier New.
Cursive - шрифты курсивные, такие как Calisto MT.
Fantasy - декоративные шрифты, буквы которых могут имитировать, например, рукописный текст.
Начертание шрифтаТег Начертание Пример Результат
B Полужирное <B>Полужирное</B> Полужирное
I Курсив <I>Курсив</I> Курсив
S Зачёркнутый <S>Зачёркнутый</S> Зачёркнутый
U Подчёркнутый <U>Подчёркнутый</U> Подчёркнутый
Если хотите получить комбинацию начертаний, то следует поместить один элемент внутрь другого.
Пример
<B><I>Полужирный курсив</I></B>
Управление шрифтами и их размеромАтрибут Описание Значение Пример
size Задаёт размер шрифта
(по умолчанию равен 3) 1-7 size="значение"
color Задаёт цвет текста цвет color="black"
face Задаёт гарнитуру гарнитура face="Шрифт"
Пример
<FONT size="5" color="red" face="arial">Пример</FONT>
Если нужно задать шрифт для всего документа используется тег <BASEFONT>
Пример
<HEAD>
<BASEFONT size="5" face="arial" color="red">
</HEAD>
Примечание:Тег BASEFONT располагается между тегами HEAD, а FONT между тегами BODY.
Информация помещённая между тегами PRE отображается в браузере со знаками табуляции.
Сокращения
Для выделения в тексте аббревиатур и других сокращений в HTML существует элемент: ABBR.
Аббревиатура - принятое на письме сокращение слов или слово, составленное из нескольких частей других слов. Атрибут title задаёт полное описание аббревиатуры.
Пример
<ABBR title="World Wide Web">WWW</ABBR><!-- В браузере при наведении указателя мыши на аббревиатуру появится подсказка, содержащая её расшифровку. -->
Примечание: элемент ABBR помечен как нежелательный для использования, так как его не поддерживает Internet Explorer.
Расстановка кавычек
Чтобы в HTML какой-то фрагмент внутри строки взять в кавычки, используются спецсимволы: « (левая кавычка) и » (правая кавычка).
Пример
Этот справочник по HTML находится на сайте «always-best.ru»
Верхние и нижние индексы
Иногда в тексте встречаются математические и химические формулы, обычное явление для которых - верхние и нижние индексы. Вот примеры: H2O - формула воды или x2+ y3 - математическое выражение.
Пример
H<SUB>2</SUB>O - химическая формула.
x<SUP>2</SUP>+y<SUP>3</SUP> - математическое выражение.