Веб-студия Flibustiers Project, мы работаем для всех!
  • Слайд 1
  • Слайд 2
  • Слайд 3
  • Слайд 4
Дополнительные элементы которые приносят краски в странички для начинающих

Дополнительные элементы которые приносят краски в странички для начинающих

Открыть и воспользоваться word может каждый, но подумайте, сколько всего людей в действительности владеют программой? Сколько людей могут составить прекрасную структуру текста с подходящим шрифтом, размером, цветом, выносками и переносками? Единицы. Аналогична ситуация и со страницами, узнать что такое html5 – это одно, а научиться им пользоваться это другое. Здесь и сейчас мы с вами будем разбирать элементы такой большой системы как html5, которые помогут отойти от рамок обычного текста на страничке.
Сайты могут быть абсолютной разной тематической направленности, например, вам может довестись создать сайт с математическими формулами или сайт с определенным текстом между строк (в прямом смысле подстрочным текстом), тогда вам понадобятся специальные элементы: sub и sup
Тег sup или менее известный superscript отвечает за создание надстрочного текста, то есть, например, когда в химической формуле вам надо внести сверху коэффициент или когда вам необходимо цифрами вверху обозначить пояснения к материалу. Он закрывается.
Тег sub или менее известный нам suberscript. Без него невозможно разместить текст ниже уровня строки, то есть подстрочный. Как и его собрат, он также закрывается.
Для того чтобы вам все запомнилось, закрепим на примере, который вы вслед за мной пропишите в notepad++, ну или на худой конец в блокноте.

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="ANSI">
 <title> Как улучшить память </title>
 </head>
 <body>
 <h1> Химия: основные формулы курса.</h1>
 <p> Основными веществами, которые обеспечивают основу жизнедеятельности<br>
 человека, являются: H<sub>2</sub> (водород) и O<sub> 2</sub> (кислород)<br>
 </p>
 </body>
 </html>

www.italian-mirrors.com
Видите, как просто можно вписать любое содержимое, если подходить к этому основательно.
Все вы, наверное, прежде чем сюда дойти уже изучили определенные азы и знаете, что та структура переносов без атрибута br не работает в браузере и остается лишь только в документе. Но есть волшебный тег pre, который помогает сохранять любую структуру тексту, которую вы только могли задать. Тег закрывается, запомните это очень важно.
Для того чтобы проверить это к основной структуре в тег p после любого текста пропишем следующее:

<pre>
 For i=10
 Print;
 Exit;
 </pre>

Но есть один важный момент, если вы прописываете это в Notepad++, там может быть дополнительное отступление, которое есть в исходном документе. Для того чтобы его устранить нажмите «shift+tab» несколько раз на необходимой строке и дополнительных отступов не будет.

Метки: , ,

Обновлено: 02.07.2017

Реклама!

%d такие блоггеры, как: