Пятница, 22 августа, 2025
17.5 C
Москва

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

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

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

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

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

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

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

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

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

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

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

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

- Рекомендации -

Чтобы просмотреть форматирование в действии, нужен блокнот и немного времени:

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

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

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

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

+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
< Рекомендации >
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Статьи по теме

Топ-3 бизнес-идей по продаже напитков

Если у вас появилась идея открыть кафе или бар,...

Бизнес-идеи: Изготовление отделочных материалов с вложениями до 500 тыс. руб.

Технологии в сфере отделочных материалов не стоят на месте....

17 ценных советов от Карлоса Кастанеды

Мало что может сравниться с глубиной и эффективностью способов...

Плетение Родового Древа РОДОРАД

♥ 7 поколений за твоей спиной ♥ -  Пока живы потомки...

Как зарабатывать максимальные скидки при помощи друзей в Вконтакте

Друзья, специально для вас, портал ГИПОРТ, подготовил обзор нового...

Новое на ГИПОРТ

LQ: 111-летняя японка каталась на велосипеде до глубокой старости

В Японии 111-летнюю женщину признали долгожительницей. Об этом сообщает...

Как выбрать eSIM для путешествий и командировок за границу

eSIM (Embedded SIM) — это технология, которая позволяет пользователю...

Этапы лечения элайнерами для выравнивания зубов и исправления прикуса

Элайнеры были впервые разработаны компанией Align Technology в 1998...

NC: древние «фермеры» завезли рыбу в горные озера Европы еще в VII веке

Учёные установили, что аквакультура в горах Европы появилась намного...

Найденный на Балтике 3000-летний кинжал оказался не таким древним как считали

Кинжал, найденный после шторма на побережье Балтики в Польше,...

«ЦГ» показал предполагаемое застолье мигрантов на спортплощадке в Москве

Телеканал «Царьград» показал предполагаемое застолье мигрантов на спортивной площадке...

В Пермском крае офицера СВО похоронили через два года после смерти

В Пермском крае простились с участником специальной военной операции...

Омбудсмен Бурятии Жамбалова: на СВО отправили отца шестерых детей

Отца шестерых детей отправили в зону проведения спецоперации. Об...

Россиянина, потерявшего ноги на СВО, направили в ставропольскую автошколу

В Ставрополе боец, потерявший обе ноги на специальной военной...

SHOT: японские капли вызывают ожоги глаз у россиян мечтающих о белизне взгляда

В России фиксируют случаи ожогов слизистой глаз из-за поддельных...
0
А что Вы думаете об этом? Ждем Ваш комментарий!x