Основные html теги — это та база, на которой строится практически любой сайт/блог. Из этой статьи Вы узнаете именно те 20% тегов, которые Вам будут необходимы всегда.
Как в любом языке, да и в здесь действует правило парето 20/80 (20% дел имеет 80% важности для достижения нужного результата), что означает — достаточно знать всего 20% кодов, чтобы уверенно достигать своих целей в сайтостроении.
HTML не является языком программирования, потому как, это — язык гипертекстовой разметки текста, что говорит само за себя, он позволяет размечать блоки на страницах для верного отображения, делать разметку текста для вебстраниц. Также с его помощью делаются ссылки с одной страницы сайта на другую. Все ссылки в интернете созданы с помощью гипертекстовой части html кода.
— это самый наипростейший язык! Если Вы решили его изучить, то важно понять с самого начала, что в этом нет ни какой сложности. С уверенностью можно сказать, что в школе детям, на уроке информатики намного сложней приходиться.
Итак приступим. Писать коды лучше в блокноте, который входит в стандартные программы операционной системы Windows или в бесплатной программе «Notepad + +».
Сначала определимся с тем, что такое тег. Тег — это ячейка самого языка html, из которого он в общем то и строится. По тегам браузеры понимают, как отобразить текст, куда вставить картинки. Теги — это и есть сами элементы разметки.
HTML теги для создания каркаса сайтаТеги бывают парные и не парные. Парные открываются и закрываются, т.е в закрывающихся присутствует обратный слеш «/».
Первое, что должно находится в любом html документе при создании страницы блога, это:
Например, тег предназначен для акцентирования текста, браузеры отображают такой текст курсивным начертанием. Когда браузер обнаруживает этот тег, он переключается на форматирование курсивным шрифтом текста, следующего за тегом.
Рассмотрим пример:
Этот текст обычный. Этот текст курсивный.
Тег называют начальным или открывающим тегом, что означает включение браузером определенной команды (в данном случае написание курсивным шрифтом). У большинства тегов есть пара в виде закрывающего тега, который отключает команду.
Закрывающий тег выглядит так же, как начальный, но начинается с слэша. Итак, конечный тег для выделения курсивным шрифтом - .
Рассмотрим пример:
Этот текст обычный. Внимание! Курсив. Это снова обычный шрифт.
Как вы успели заметить, браузер последовательно анализирует HTML – документ в поисках команд (тегов) и применяет или отключает разные параметры форматирования текста. Браузер отформатированный текст (все, что не является тегом) отображает в своем окне.
Процесс вставки тегов в обычный неформатированный текст называется разметкой HTML-документа, а теги - знаками разметки. При написании тегов не учитывается регистр букв, тег может быть прописан как строчными, так и прописными буквами, но всё же рекомендуется применение прописных букв. |
Ниже приведены примеры основных тегов HTML, с объяснением их использования, а также примеры их применения в HTML-документе.
ЗаголовкиСуществует специальный тег для указания заголовков в HTML. Есть 6 уровней заголовков в HTML, начиная от для наиболее важных объявлений, до для наименее важных.
Тег - это специальное зарезервированное слово, заключённое в угловые скобки (например, ). Тег - основная составляющая HTML: им код начинается, им же заканчивается, внутри тегов заключается отображаемая на веб-странице информация. Записывать их рекомендуется в нижнем регистре, то есть обычными маленькими буквами: не , а .
Какими бывают теги?Большинство HTML-тегов являются парными: есть открывающий (например, ) и закрывающий тег, который от открывающего отличает слеш (/ ) после первой угловой скобки (например, ). Всё, что находится внутри пары тегов, называется их содержимым .
Содержимое Помещённый внутри этих тегов текст становится жирным
Бывают и непарные (одиночные) теги, которые называются метками
. Их, в отличие от парных тегов, не нужно закрывать, потому что они не работают с содержимым, а выполняют какую-то функцию сами по себе. Пример одиночного тега -
. Он устанавливает перенос текста на следующую строку.
Если проводить параллели с русским языком, то можно сказать, что парные теги - это кавычки или скобки, влияющие на свойства заключённого в них текста (попробуйте не закрыть кавычки вовремя), а одиночные теги (метки) - это знаки препинания (восклицательный, вопросительный или точка).
Любой тег состоит из:
Так как теги - основа языка разметки, не удивительно, что их довольно много. Рассмотрим основные, самые важные теги.
, , , и другие теги форматирования текста составляют большую группу HTML-тегов, о них рассказывает статья «Форматирование текста в HTML» .
или блок . Текст в нём оформлен в едином стиле, но вы бы хотели, не нарушая структуры, сделать так, чтобы несколько слов имели другой размер шрифта или цвет. Именно для таких ситуаций и предназначен тег .
, и | |
Теги HTML (шпаргалка) HTML -документ (страничка) - документ, написанный на языке HTML. Заключается между тегами и . Значения тегов разметки документа Теги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет. Основные теги разметки и . Между этими тегами располагается информация о документе. и . В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра. и . "Тело" документа (текст, графика и т.д.) располагается между этими двумя тегами. Параметры тега : BGCOLOR - цвет фона ( ) BACKGROUND - бэкграунд TEXT - цвет текста ALINK
- цвет активной ссылки и - теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.
- тег, служащий для логического разделения текста горизонтальной линией. и - Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер". Параметры выравнивания Используются в и ALIGN= LEFT - выравнивание по левому полю ALIGN= RIGHT - выравнивание по правому полю ALIGN= CENTER - выравнивание по центру Теги выравнивания и - выравнивание по левому полю и - выравнивание по правому полю и - выравнивание по центру Заголовки, служащие для выделения логических частей текста и - Заголовок первого уровня. и - Заголовок второго уровня. и - Заголовок третьего уровня. и - Заголовок четвертого уровня. и - Заголовок пятого уровня. и - Заголовок шестого уровня. Теги для выделения текста и шрифта и - теги для выделения текста (слов, букв) жирным шрифтом. и - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic. и - текст, расположенный между двумя этими тегами, будет подчеркнут. и - текст, расположенный между двумя этими тегами, будет мигать. и - теги для изменения размера шрифта (где n - размер шрифта в пикселях px ). и - теги для изменения цвета шрифта. Теги для формирования списков и - теги, показывающие начало и конец нумерованного списка
и - теги, показывающие начало и конец глоссария. - Термин глоссария, располагается без отступа от левого поля страницы. - Описание термина, располагается с отступом от левого поля страницы. Теги-команды для вставки в текст объектов не текстовой информации SRC= "file.gif" > или SRC= "file.jpg" > - команда для вставки графического изображения SRC= "file.wav" > - команда для вставки звукового фрагмента SRC= "file.avi" > - команда для вставки видео фрагмента Параметры графического изображения WIDHT - ширина картинки в пикселях HEIGHT - высота картинки в пикселях ALIGN - выравнивание (ALIGN= LEFT - выравнивание по левому полю, ALIGN= RIGHT - по правому полю, ALIGN= TOP - по верхней границе, ALIGN= BOTTOM - по нижней границе, ALIGN= MIDDLE или CENTER - по центру) HSPACE - горизонтальный отступ от графического изображения VSPACE - вертикальный отступ ALT - альтернативный текст, служит для обозначения изображения Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет nick @mail .ru - гиперсвязь с адресом электронной почты Таблицы Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста Параметры тега
|