Урок 1. HTML теги

Урок 1. HTML теги

Давайте же начинать что-то делать и узнавать. Вернее, узнавать и делать. Перво-наперво, я расскажу вам об основе основ в HTML – о тегах. Что такое теги, спросите вы. А я, вместо того, чтобы рассказывать, сразу покажу вам их:

<b></b> <i></i> <br /> <strong></strong>

Все это были примеры тегов. Знакомо? Если да, то отлично, но если и нет, то ничего страшного. Смотрите: любая страница в интернете представляет собой обычный текст, но чтобы он хорошо выглядел, и был легко читаем, нужно его оформлять. Например, когда вы пишете текст в MS Word, то вы же выделяете ключевые слова и определения курсивом или жирным шрифтом, оформляете списки маркированные или нумерованные. Тут действует тот же принцип. Только тут недостаточно выделить слово мышкой и нажать на кнопочку. Тут нужно заключить нужный текст между соответствующими тегами.

Теги всегда начинаются с символа «<» и заканчиваются символом «>». Сверьтесь с примером выше, видите? Но, как вы могли заметить, бывают еще и открывающие и закрывающие теги. К примеру, тег «b» был написан сначала без символа «/» в начале, а потом с ним. Логика простая: если мы хотим выделить какой-то текст или просто слово жирным шрифтом, то нужно указать начало и конец. Так и есть:

<b>Жирный текст</b> <i>Курсив</i>

Результат:

Жирный текст

Курсив

Надеюсь в примере выше все понятно. Но зоркий глаз читателя, вероятно, уловил этот маленький и одинокий тег

<br />

Это тег для переноса строки и он не имеет закрывающегося напарника. Хотя можно заметить, что он и сам неплохо справляется и закрывает сам себя, видите символ «/» в конце? Но с другими тегами такое не прокатит. Единственные, кто умеет вытворять такие же фокусы, это тег для вставки картинки – img, а также для разделительной линии hr.

Но обо всем этом мы поговорим чуть позже, а пока отправляйтесь к уроку номер 2, ведь я вижу, что вы уже готовы 😉

← Уроки HTML. Введение | Содержание | Урок 2. Первая страница →

Leave a reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>