fbpx
Перейти к содержимому

HTML теги простыми словами

HTML тегиHTML — (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

Другими словами — HTML это специальный язык, с помощью которого Вы общаетесь с браузером (любой сайт выводитться через браузер) и объясняете ему, что именно и как должен показывать Ваш сайт.
А словами понятными для этого языка являются теги.

Теги HTML

Тег — это элемент языка. Для языка HTML (и для любого другого) тег — это слово языка. Более того все эти слова являются командами (действиями).

Например, если на HTML страничке Вы пишите текст, то по умолчанию он выводится мелким шрифтом без абзацов.

Для того, чтобы на страничке текст выглядел красиво, браузеру нужно объяснить это специальными словами (командами).

Синтаксис тегов

В любом языке программирования теги имеют свой особенный синтаксис (вид), который нужно соблюдать четко и без изменений. Любое несоблюдение и (или) изменение такого синтаксиса будет неправильно выполнять действие или не будет выполнять его вообще.

Синтаксис тегов HTML:

  1. Обязательно: Все тэги начинаются знаком «<» и заканчиваются «>«.
  2. Необходимо (но не всегда обязательно): обычно имеются два тэга — открывающий: <html> и закрывающий: </html>. Различие в том, что в закрывающем имеется слэш «/«.
    Все, что находится между тэгом — это содержимое, то есть то, к чему будет применяться данное действие (команда).
  3. Все кавычки, все запятые, все все знаки в языке HTML являются важными!!! Изменение этих знаков и кавычек приведет к неправильному отображению Вашей страницы (или вообще она не будет отображаться).
Больше статей:   CSS стили простыми словами

Тегов, очень много, каждый из них отвечает за одно действие. Список всех тегов Вы можете видеть на этой страничке справа. Это будет шпаргалка, если появится необходимость разобраться отдельно в каком-либо теге.

Примеры:
Текст: Мой первый сайт.
Скажем языком HTML, чтобы этот текст был жирным Bold

Результат в браузере: Мой первый сайт

Объяснение: В данном примере мы фразу (содержимое тэга) расположили между двумя тэгами, открывающим и закрывающим, которые отвечают за то, чтобы сделать текст жирным. Это тег <b>.

Где писать тэги

Где же прописывать тэги HTML чтобы их понимал браузер. Теги прописываются на странице сайта. Создать такую страницу Вы можете в блокноте, но лучше в специальной программе — HTML редакторе.
Чем удобны HTML редакторы? Они являются Вашим помощником и поддержкой. Во-первых, могут подсказать какой тэг Вам нужен, во-вторых, исправить ошибки, если тэги написаны неправильно, в-третьих, многое другое.
Лично я пользуюсь программой DreamWeaver. Это не простой HTML редактор, а мощный инструмент для создания сайтов.

HTML на сайтах uCoz

Если Вы хорошо знаете язык HTML то в системе uCoz Вы можете пользоваться исключительно HTML языком. Для этого в момент создание и редактирования материалов достаточно включить «Панель HTML кодов».

Но что делать, если Вы совершенно не знаете HTML тэгов? Для этого, при редактировании и создании материалов необходимо пользоваться «Визуальным редактором». Этот редактор, чем-то напоминает Word, и в нем очень просто создавать и редактировать Ваши страницы сайта.

Advise  СоветХочу обратить Ваше внимание. Постепенное изучение тэгов HTML для Вас в любом случае будет необходимым, так как рано или поздно, Вам нужно будет вставить какой-то скрипт, откорректировать шаблон, и т.д. Без элементарного понимания HTML это сделать будет невозможно.

Больше статей:   Градиент в CSS

Для начала хочу сказать, что если Вам нужно быстро и на время переключится в HTML версию Вашей странички, например, чтобы вставить какой-то код, нужно просто нажать значок html на ucoz, далее вставить в самом конце нужный код (помните про важность каждой кавычки в HTML) и нажать «Применить» и «ОК»

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *