Статьи и советы: Интернет-проекты

HTML – с чего начинается оформление страницы

HTML – с чего начинается оформление страницы
Желая создать свой блог или сайт, каждый автор сталкивается с названием теги HTML. Что это за зверь, где он водится и для чего он понадобился?

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

Изначально HTML применялся для формирования структуры документов – списков, заголовков и основного тела, абзацев и переносов. Теперь расширенный список тегов позволяет изменять и форматировать веб-документы и страницы по усмотрению владельца, в рамках установленных правил.

 

Типы: теги и атрибуты

Применительно к оформлению страницы типы делятся на атрибуты, а также теги, определяющие структуру документа, и теги форматирования текста html.

Конструктивно теги делятся на парные и непарные – для первых предполагается наличие открывающего и закрывающего тегов с заключением содержимого между ними, для вторых достаточно одного определяющего.

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

 

Теги форматирования текста html

Посредством тегов можно придать желаемый вид и форму тексту, размещенному на странице.
Что делает HTML форматирование:
  • жирный шрифт;
  • наклонный (курсивный);
  • зачеркнутый и подчеркнутый текст;
  • подсвеченный текст;
  • все буквы в одной ширине (моноширинный);
  • верхняя и нижняя индексация;
  • удаленный и вставленный тексты – зачеркнутая удаленная фраза и подчеркнутая вставленная;
  • уменьшение и увеличение размера букв относительно основного шрифта;
  • группировка и выделение отдельных элементов текста;
  • определение типа содержимого – цитат, заголовков, названий, терминов и т.д.

Каким образом это работает

Действие тега распространяется на текст, расположенный внутри теговой пары. Например, тег - выделяет содержимое жирным шрифтом. Следовательно, фраза:
[в] выделяем жирным [/b]
 (скобки прямые [ ] замените на угловые < >)
Будет выглядеть выделяем жирным, а текст, находящийся за пределами тега, не изменится:

выделяем жирным и не выделяем

Чтобы просмотреть форматирование в действии, нужен блокнот и немного времени:
  • открыть блокнот и сохранить созданный файл в формате ИМЯ.html;
  • заново открыть его, выбрав “Открыть с помощью Блокнота”;
  • вписать текст в блокнот и применить к каждому фрагменту различные теги форматирования;
  • сохранить изменения;
  • открыть просмотр двойным щелчком мыши и просмотреть в браузере результат.


Где искать информацию о тегах

Подробнее ознакомиться с тегами форматирования можно в онлайн-учебниках, на справочных и обучающих сайтах таких как w3schools.com, guruweba.com, наконец, wikipedia.org. При наличии желания и базовых умений обращаться с файлами и компьютером изучение HTML не представляет никакой сложности.

Анастасия Сибирская, ГИПОРТ (ML)
 

Комментарии

  • 08.03.2018 | 16:05 ссылка
    Статья интересная, полезная и лаконичная. Этого у нее не отнять. Но, пока читаешь, то есть ощущение, что чего-то не хватает. Может стоило бы привести конкретный пример или вставить видеоурок по форматированию текста. Также можно сделать дать конкретные ссылки из той же самой википедии. В общем, статью, я считаю, нужно доработать.


Читайте также: