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

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

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

Этот веб-сайт использует файлы cookie. Мы будем считать, что вы согласны с этим, но вы можете отказаться, если хотите. ПринятьПодробнее

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