Суббота, 23 ноября, 2024
1 C
Москва

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подписаться
Уведомить о
guest

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

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

Рекомендуем

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

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

​Дети и уборка. 5 рабочих лайфхака для поддержания порядка

Если в доме появляется ребенок, особенно несколько, о порядке...

​Обзор кэшбэк-сервисов: анализируем и выбираем лучшие

Пожалуй, сейчас уже не осталось людей, которые не совершили...

Спирулина — бесценный дар природы

Спирулина - это сине-зеленная водоросль. Единственное растение на планете,...

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

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

0
А что Вы думаете об этом? Ждем Ваш комментарий!x