LOGO www.themegallery.com
advertisement
www.themegallery.com LOGO Тег HTML HTML тег <HTML> и парный ему </HTML> Тег <HTML> указывает программе просмотра страниц что это HTML документ HTML тег <HEAD> и парный ему </HEAD> Тег <HEAD> определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин www.themegallery.com LOGO Тег <TITLE> и обязательный парный ему </TITLE> HTML тег <TITLE> не является частью отображаемого текста. Он может отображаться, например, как заголовок страницы или название окна. Только один TITLE может быть в документе. Элемент TITLE должен использоваться для идентификации содержимого документа. Тег BODY HTML тег <BODY> определяет видимую часть документа. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).Тег имеет ряд необязательных атрибутов. Рекомендуется вместо нежелательных атрибутов использовать каскадные таблицы стилей. Начальный и конечный теги необязательны www.themegallery.com LOGO Атрибуты тега BODY alink= Нежелательный. Устанавливает цвет гиперссылок при нажатии. Например, на этой странице ссылки становятся синими при нажатии мышкой background Нежелательный. Указывает на url-адрес изображения - фона документа bgcolor Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета, например для желтого цвета <body bgcolor= "yellow"> bgproperties=fixed Фоновое изображение прокручиваться не будет. Т.е. текст будет двигаться при нажатии PageDown, а фон - нет. Данный параметр поддерживается только Internet Explorer www.themegallery.com LOGO Тег<B> HTML тег B создает жирный текст. Закрывающий тег обязателен Если в тексте есть фрагмент, который должен быть выделен полужирным шрифтом, то его на web-страничках помечают парой тегов <B> и </B> (B от слова Bold - полужирный). Первое B обозначает начало полужирного фрагмента, второе, с косой чертой, обозначает его конец. Тег <i> HTML тег <I> и обязательный парный ему </I> Тег <I> создает наклонный текст HTML тег <u> и обязательный парный ему </u> Тег <u> указывает, что текст должен быть подчеркнут www.themegallery.com LOGO Тег FONT HTML тег <font> определяет выводимый шрифт, его цвет и размер. Закрывающий тег требуется Атрибуты тега FONT color Устанавливает цвет текста, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета,например для зеленого цвета <font color= "green"> face Определяет гарнитуру шрифта size Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3 Примечание: Атрибуты можно объединять <font size=1> <font size=5 color="blue"> www.themegallery.com LOGO Тег P Тег <P> и необязательный парный ему </P> HTML тег <P> создает новый параграф. Два или более тега <P>, идущих подряд, заменяются одним. Каждый следующий тег абзаца отменяет форматирования предыдущего. При просмотре в браузере новый абзац будет отделен от предыдущего пустой строкой. Параметры тега P align Выравнивает параграф относительно одной из сторон документа, значения: left выравнивание по левому краю. По умолчанию right выравнивание по правому краю center выравнивание по центру justify выравнивание по ширине Title Всплывающая подсказка www.themegallery.com LOGO Тег HR HTML тег <HR>. Закрывающий тег не требуется Тег <HR> добавляет в HTML документ горизонтальную линию. Перед и после линии помещается пустая строка Атрибуты тега HR size Устанавливает высоту(толщину) линии width Устанавливает ширину линии в пикселах или процентах noshade Создает линию без тени color Задает линии определенный цвет Это обычная линия <hr> Это линия потолще и красная <hr size=3 color=red> www.themegallery.com LOGO Тег <MARQUEE> HTML тег MARQUEE является ответом Microsoft на BLINK. MARQUEE заставляет текст не мигать, а прокручиваться, либо перемещаться из стороны в сторону. Требуется закрывающий тег Атрибуты тега MARQUEE DIRECTION=DOWN | LEFT | RIGHT | UP Определяет направление скроллинга ALTERNATE Колебательные движения налево и направо SCROLL Перемещение текста в направлении, указанном в DIRECTION. Достигнув края экрана, надпись появляется снова с противоположной стороны SLIDE Схоже с SCROLL, но текст перемещается только один раз и останавливается www.themegallery.com LOGO Тег BR HTML тег <BR> не требует парного закрывающего тега Тег <BR>(BReak line) вставляет перевод строки Пример тега BR Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку А это уже длинный текст, разбитый на две строки с помощью тега <BR> www.themegallery.com LOGO Тег OL Тег <OL> и обязательный парный ему </OL> HTML тег <OL>(Ordered List) служит для создания нумерованного списка. Допускается вложение нумерованного списка в списки другого вида Атрибуты тега OL Type =«» Тип маркера A Заглавные буквы a Строчные буквы I Заглавные римские цифры i Строчные римские цифры 1 Арабские цифры (по умолчанию www.themegallery.com LOGO HTML тег <UL>(Unordered List) служит для создания ненумерованного списка. Допускается вложение ненумерованного списка в списки другого вида. Требуется закрывающий тег Атрибуты тега UL type Тип маркера disc Закрашенный кружок. По умолчанию circle Незакрашенный кружок square Квадратик www.themegallery.com LOGO Тег LI Тег <LI> и необязательный парный ему </LI> HTML тег <LI>(List Item) служит для обозначения элемента (строки) списка. Используется в нумерованных <OL> и ненумерованных <UL> списках Пример тега LI 1. Пугачева 2. Орбакайте 3. Киркоров 4. Пресняков А выглядит код так: <OL title="нумерованный список"> <LI>Пугачева <LI>Орбакайте <LI>Киркоров <LI>Пресняков www.themegallery.com LOGO </OL> Тег INPUT HTML тег <INPUT> предназначен для создания элементов управления и всегда используется совместно с атрибутом TYPE. Закрывающий тег не требуется type Описывает тип интерфейсного элемента. Может принимать следующие значения text создает строку для ввода текста image создает элемент формы в виде кнопки-изображения button создает стандартную кнопку Примеры кнопок <input type="image" src="рисунки HTML\gallerybuttons_052.gif"> <input type="button" value="Нажми на меня" style=height=28 > www.themegallery.com LOGO HTML тег <CENTER> и обязательный парный ему </CENTER> Тег <CENTER> предназначен для горизонтального выравнивания ВСЕХ элементов посередине окна браузера. CENTER это тег уровня блока, поэтому им можно центрировать, например, таблицы, тексты www.themegallery.com LOGO Тег TABLE HTML тег <TABLE> создает таблицу. Все прочие элементы HTML таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен. Атрибуты тега TABLE align Выравнивание таблицы относительно документа. center, left, right background Строка, определяющая рисунок для заднего фона bgcolor Определяет задний фон таблицы border Толщина рамки таблицы в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки bordercolor www.themegallery.com LOGO Цвет рамки таблицы HTML тег <TR> и необязательный парный ему </TR> Тег <TR> определяет строку в таблице HTML тег <TD> определяет отдельную ячейку в таблице. Закрывающий тег не обязателен, но желателен HTML тег <TH> определяет заголовок для столбца в таблице. Обычно, выделяются жирным шрифтом. Закрывающий тег обязателен Код для таблицы <TABLE BORDER=2 COLS=2 BGCOLOR=yellow align=center> <TR> <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH> </TR> <TR> <TD>Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд 1</TD> </TR> <TR> <TD>Ячейка столбца 1, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD> </TR> www.themegallery.com LOGO </TABLE> HTML тег <IMG> служит для внедрения картинки или фото на web-страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF). Картинка не вставляется непосредственно в текст HTML страницы. Просто дается указание браузеру где картинка лежит, как ее зовут и как ее на экране разместить. www.themegallery.com LOGO Атрибуты тега IMG src Обязательный атрибут, указывающий URL рисунка align Выравнивает изображение к одной из сторон документа left Выравнивание по левому краю right Выравнивание по правому краю center Выравнивание по центру height Высота картинки в пикселах или процентах. hspace Определяет размер свободного места в пикселах слева и справа от изображения vspace Определяет размер свободного места в пикселах сверху и снизу от изображения width Ширина картинки в пикселах или процентах. www.themegallery.com LOGO Пример Код с использованием тега <img> <img src="cat.jpg" alt="Отдыхаем!" vspace=10 width=«2»> www.themegallery.com LOGO Тег A HTML тег <A> служит для создания HTML ссылок. HTML ссылки позволяют осуществлять мгновенный переход от одного фрагмента текста к другому. Сам гипертекст ссылки поддается форматированию. Закрывающий тег обязателен. Тег <A> должен содержать либо атрибут name, либо href www.themegallery.com LOGO Атрибуты тега A name Задает имя элемента. Имя используется, например, для создания HTML ссылок между фреймами href Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа. Код для примера <a href="http://www.tepka.ru" title="подсказка">А это уже гиперссылка на наш сайт</a> www.themegallery.com LOGO
