Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Параграфы (абзацы) - элемент P

Стр 1 из 4Следующая ⇒

История языка

HTML - язык гипертекстовой разметки. Развитие html началось в 1989 году, когда выпускник Оксфордского университета Тим Бернерс-Ли выдвинул предложение о создании Системы гиппертекстовых документов. Наконец, в 1993 году появилась первая версия языка. Сегодняшним стандартом является HTML 4.0.1.

В 1994 году html был разбит на уровни. Было выделено 4 уровня.

Уровень 0: включает в себя заголовки, ссылки, списки.

Уровень 1: добавляются рисунки и элементы выделения текста.

Уровень 2: добавляются формы, позволяющие пользователю вводить информацию.

Уровень 3: добавляются таблицы.

Язык html в целом предлагает следующие возможности:

Публиковать в web документы, содержащие заголовки, текст, таблицы, списки, фотографии и т.д..

Получать дополнительную информацию, используя гипертекстовые ссылки.

создавать формы для передачи данных удалённым серверам.

Включать непоспедственно в документ видео- и аудиоклипы, анимационные ролики и другие обьекты.

Оформление текста

Заголовки - элементы H1 – H6

Язык HTML поддерживает 6 уровней заголовков. Они представлены соответственно элементами: H1, H2, H3, H4, H5, H6. Первый – самый главный, отображается более крупным шрифтом, шестой – самый маленький и по значению, и по размеру шрифта.

Пример

<H1>Пример 1</H1> <H2>Пример2</H2><H6>Пример3</H6>

Отображение примера в окне браузера

Пример 1

Пример2

Пример3

Выравнивание – атрибут align

По умолчанию текст выравнивается по левому краю страницы. Но можно отцентрировать текст либо выровнять его по правому краю, указав атрибут align="left | center | right" Символ вертикальной черты "|" в данном случае означает "или". Расшифруем значения ключевых слов атрибута align:

left - выравнивание по левому краю.

center - выравнивание по центру.

right - выравнивание по правому краю.

justify - выравнивание по ширине.

Пример

<H2 align="center">Этот заголовок будет выровнен по центру</H2>

Параграфы (абзацы) - элемент P

Элемент P похож на элемент H, только текст, помещённый в элемент P, имеет абзацные отступы. Выравнивание абзацев осуществляется аналогично выравниванию заголовков.

Пример

<P>Этот параграф выровнен по умолчанию</P> <P align="right">А этот по правому краю</P>

Контейнеры - элементы DIV и SPAN

В HTML существует специальный элемент DIV, который может служить контейнером для любых других элементов HTML. Элементы, помещённые внутрь тега DIV, отделяются от остального содержимого страницы абзацным отступом. С помощью атрибута align можно задавать выравнивание содержимого контейнера.

Пример

<H1>Заголовок 1</H1>

<H2>Заголовок 2</H2>

<H3>Заголовок 3</H3>

</DIV>

Шрифты

Все шрифты делятся на несколько больших групп или семейств:

Serif - шрифты с засечками, такие как Times New Roman.

Sans-serif - шрифты рублёные, без засечек, такие как Arial, Verdana и Tahoma.

Monospace - моноширинные шрифты (с одинаковым расстоянием между символами), такие как Courier New.

Cursive - шрифты курсивные, такие как Calisto MT.

Fantasy - декоративные шрифты, буквы которых могут имитировать, например, рукописный текст.

Начертание шрифтаТег Начертание Пример Результат

B Полужирное <B>Полужирное</B> Полужирное

I Курсив <I>Курсив</I> Курсив

S Зачёркнутый <S>Зачёркнутый</S> Зачёркнутый

U Подчёркнутый <U>Подчёркнутый</U> Подчёркнутый

Если хотите получить комбинацию начертаний, то следует поместить один элемент внутрь другого.

Пример

<B><I>Полужирный курсив</I></B>

Управление шрифтами и их размеромАтрибут Описание Значение Пример

size Задаёт размер шрифта

(по умолчанию равен 3) 1-7 size="значение"

color Задаёт цвет текста цвет color="black"

face Задаёт гарнитуру гарнитура face="Шрифт"

Пример

<FONT size="5" color="red" face="arial">Пример</FONT>

Если нужно задать шрифт для всего документа используется тег <BASEFONT>

Пример

<HEAD>

</HEAD>

Примечание:Тег BASEFONT располагается между тегами HEAD, а FONT между тегами BODY.

Информация помещённая между тегами PRE отображается в браузере со знаками табуляции.

Сокращения

Для выделения в тексте аббревиатур и других сокращений в HTML существует элемент: ABBR.

Аббревиатура - принятое на письме сокращение слов или слово, составленное из нескольких частей других слов. Атрибут title задаёт полное описание аббревиатуры.

Пример

Примечание: элемент ABBR помечен как нежелательный для использования, так как его не поддерживает Internet Explorer.

Расстановка кавычек

Чтобы в HTML какой-то фрагмент внутри строки взять в кавычки, используются спецсимволы: « (левая кавычка) и » (правая кавычка).

Пример

Этот справочник по HTML находится на сайте «always-best.ru»

Верхние и нижние индексы

Иногда в тексте встречаются математические и химические формулы, обычное явление для которых - верхние и нижние индексы. Вот примеры: H2O - формула воды или x2+ y3 - математическое выражение.

Пример

H<SUB>2</SUB>O - химическая формула.

x<SUP>2</SUP>+y<SUP>3</SUP> - математическое выражение.

Элемент HR

Элемент HR отображает горизонтальную линию. Этот элемент имеет следующие атрибуты:Атрибут Описание Значение Пример

align Задаёт выравнивание линии

(по умолчанию по центру) left|center|right align="right"

color Задаёт цвет линии цвет color="black"

size Задаёт толщину линии в пикселях от 1 до бесконечности size="1"

noshade Логический (булев) атрибут, если он установлен, то линия не будет объёмной нет noshade

width Задаёт длину линии в пикселях или процентах от ширины экрана Число или проценты width="80%"

Пример

Неразделимый текст

Элементы: (NOBR) и спецсимвол неразрывного пробела ( ) полезны тогда, когда требуется, чтобы какой-либо фрагмент текста всегда находился на одной строке в окне браузера и не разбивался при автоматической разбивке текста на строки в зависимости от ширины окна браузера.

Пример

<NOBR> Иванов Н. С.</NOBR>

Иванов Н. С.

Создание списков

Связь документов в HTML

Элемент A

Элемент А служит для обозначения в HTML коде ссылочного элемента. Тот элемент Web-страницы, который попадает внутрь элемента А, будет являться ссылкой. Элемент A имеет несколько атрибутов:

name Служит для установки привязки, ссылка на привязку должна включать в себя имя метки Имя метки name="metka"

href Задаёт URL ресурса, на который надо переходить после щелчка на ссылке URL href="http://www.always-best.ru"

title Содержит описание гиперссылки, текст будет выводиться в качестве подсказки, если подвести курсор мыши к ссылке текст title="следующая страница"

target Задаёт целевой фрейм или окно. Возможны значения:

_blank - ссылка загружается в новое окно.

Значения, которые используются при работе с фреймами (см. раздел Фреймы):

_self - загружается в тот же фрейм, из которого ссылаются.

_parent - документ загружается в непосредственный родительский фрейм, эквивалентно _self, если текущий фрейм не имеет родительского фрейма.

_top - загружается документ в полное окно (закрывая все остальные фреймы). _blank

_self

_parent

_top target="_blank"

Примеры атрибутов для элемента А

<HTML>

<HEAD>

</HEAD>

<BODY>

<A href="#T1">Перейти к пимеру1</A>

<A name="T1">Пример 1</A>

<A href="index.html" title="Ссылка1" target="_blank">Главная сайта</A>

</BODY>

</HTML>

Графика, звук

Элемент IMG

Любое изображение в формате JPEG или GIF можно добавить на Web страницу при помощи элемента IMG. Это пустой элемент, т.е. он имеет только открывающийся тег, с помощью атрибутов которого задаются все параметры. Элемент IMG может иметь следующие атрибуты:Атрибут Описание Значение Пример

src Задаёт URL графического файла, который должен быть встроен в документ URL src="images/t1.jpg"

alt Задаёт текст, который будет выводиться на месте изображения в том случае, если отображение рисунков отключено текст alt="фото1"

width,

heignt Задают высоту и ширину изображения значение в px или % width="100"

height="80"

border Устанавливает толщину рамки вокруг изображения значение в px border="0"

vspace,

hspace Указывают положение на экране верхнего левого угла изображения значение в px или % vspace="100"

hspace="70"

align Определяет способ выравнивания изображения на странице top, middle,

bottom, left, right align="left"

Пример

Звук - элемент BGSOUND

Кроме графических изображений, на web страницу можно интегрировать фоновый звук с помощью элемента BGSOUND. Он будет проигрываться во время просмотра пользователем страницы - естественно, при условии, что у пользователя есть наушники или колонки. HTML поддерживает лишь прстейшие аудиоформаты: WAV, AU, MIDI. Перечислим все атрибуты элемента BGSOUND:Атрибут Описание Значение Пример

src Задаёт URL звукового файла, который должен быть встроен в документ URL src="song.midi"

balance Стереобаланс от -10000 до 10000 balance="0"

loop Число повторов; если равно -1, то повторяется бесконечно целочисленное значение loop="15"

volume Громкость. Нулевое значение соответствует максимальной громкости, какую может воспроизвести оборудование пользователя от -10000 до 0 volume="0"

Элемент BGSOUND. Пример

< BGSOUND src="song.midi" loop="15" balance="0" volume="-5000">

Таблицы

Для создания таблиц в языке HTML используются следующие элементы:

TABLE - создаёт таблицу.

CAPTION - задаёт заголовок для таблицы.

TR - задаёт строку таблицы.

TH - задаёт ячейку таблицы, заголовок столбца.

TD - задаёт простую ячейку таблицы с данными.

Элемент TABLE

В языке HTML для создания таблиц служит элемент TABLE. Весь код таблицы должен располагаться между тегами <TABLE> и </TABLE>. Атрибуты этого элемента задают параметры для всей таблицы целиком. Атрибуты элемента TABLE:Атрибут Описание Пример

border Ширина рамки вокруг всей таблицы border="1"

bgcolor Определяет цвет фона ячеек таблицы bgcolor="yellow"

background Позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка background="images/foto.jpg"

bordercolor Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue"

bordercolordark Определяет тёмный цвет рамки (тень для объёмной) bordercolordark="black"

width Ширина таблицы width="100%"

align left, right, center - выравнивание таблицы относительно текста align="center"

valign Задаёт вертикальное выравнивание для всех ячеек таблицы valign="top"

cellspacing Расстояние между ячейками cellspacing="2"

cellpadding Пустое расстояние между текстом и внутренней границей ячейки cellpadding="2"

frame Задаёт вид рамки вокруг таблицы. Допустимые значения: void, above, below, hsides, vsides, lhs, rhs, box frame="all"

rules Задаёт тип внутренних границ между ячейками: none, rows, cols, all rules="none"

Атрибут frame

Атрибут frame задаёт тип рамки вокруг таблицы. Допустимы следующие значения:

void - границ нет (это значение по умолчанию).

above - только верхняя часть границы.

below - только нижняя часть.

hsides - только нижняя и верхняя части.

vsides - только левая и правая части.

lhs - только левая часть.

rhs - только правая часть.

box - все четыре части.

Атрибут rules

Атрибут rules задаёт внутренние границы таблицы (между ячейками). Допустимы следующие значения:

none - нет границ между ячейками (это значение по умолчанию).

rows - только между строками.

cols - только между столбцами.

all - отображаются все границы между строками и столбцами.

Элемент CAPTION - название таблицы

У таблицы может быть название. Оно не принадлежит непосредственно к табличным данным, а располагается перед таблицей или после неё. В HTML название таблицы задаётся при помощи элемента CAPTION, который должен находиться внутри элемента TABLE. У элемента CAPTION есть один атрибут align, позволяющий задать его расположение: над таблицей (top) или под таблицей (bottom).

Пример элемента CAPTION

<TABLE>

<CAPTION align="bottom">Название таблицы</CAPTION>

Код строк и столбцов таблицы

</TABLE>

Элемент TR - строки таблицы

В языке HTML таблицы формируются построчно. Элемент TR создаёт строку таблицы, а его атрибуты задают параметры для всех ячеек в строке. Перечислим атрибуты для элемента TR:Атрибут Описание Пример

align left - выравнивание данных в ячейках строки по левому краю (это значение по умолчанию)

center - выравнивание данных по центру (это значение по умолчанию для заголовков столбцов таблиц - TH)

right - выравнивание данных по правому краю align="center"

valign top - данные ячейки сдвигаются вверх.

middle - данные ячейки центрируются вертикально (это значение по умолчанию)

bottom - данные в ячейке сдвигаются вниз. valign="top"

bgcolor Устанавливает цвет фона для строки таблицы bgcolor="green"

Фреймы

Окно браузера может быть разделено на части, которые называются фреймами, иногда кадрами. В каждую такую часть окна браузера, т.е. фрейм, может быть загружен HTML документ. Если в фрейм будет загружен документ, который не помещается полностью в нём, то у фрейма (внимание, не у всего окна!) появится вертикальная и/или горизонтальная полосы прокрутки в зависимости от того, по горизонтали или по вертикали не помещается содержимое документа.

Создание структуры фреймов - элемент FRAMESET

Структура разбивки окна хранится в отдельном HTML документе, он-то и назвается документом с фреймами. Структура фреймов формируется при помощи специального элемента FRAMESET. Обычный документ имеет один раздел HEAD и один раздел BODY, тогда как в документе с фреймами раздел BODY заменяется описанием структуры фреймов, т.е. разделом FRAMESET. В раздел FRAMESET может быть добавлен элемент NOFRAME с альтернативным содержанием для отображения в браузерах, не поддерживающих фреймы, или в браузерах с отключенной поддержкой фреймов. Такие браузеры не поймут структуру FRAMESET и NOFRAME, а отобразят помещённый внутри них текст.

Пример

<HTML>

<HEAD>

<TITLE> Документ с фреймами</TITLE>

</HEAD>

Описание фреймов

Альтернативное содержание для браузеров, не поддерживающих фреймы

</NOFRAMES>

</FRAMESET>

</HTML>

Примечание: обратите внимание, что раздел BODY в документе отсутствует полностью, а элемент NOFRAMES содержится внутри элемента FRAMESET.

Атрибуты элемента FRAMESET

rows Определяет количество и размеры горизонтальных фреймов(фреймов-строк) в окне браузера. В качестве значения задаётся список размеров фреймов через запятую.

Способы задания размеров:

I) в процентах от высоты рабочей области окна браузера - например: "30%, 30%, 40%"

II) в виде знака "*" (звёздочка), говорящего о том, что фрейм занимает всё свободное пространство окна браузера, незанятое другими фреймами с ясно указанными размерами - например, звёздочка в записи "25%, 25%, *" равносильна 50%

III) в пикселях - например: "75, *".

Все три способа можно совмещать rows="25%, 25%, *"

cols Определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задаётся список размеров фреймов через запятую. Размеры задаются так же, как и в предыдущем параметре rows cols="300, *"

frameborder Данный параметр действует только в браузерах Internet Explorer и определяет наличие рамок у содержащихся внутри элемента FRAMESET фреймов. Возможные значения: Yes - отображать рамки; No или 0 - не отображать рамки. frameborder="0"

framespacing Определяет расстояние (так называемую "серую область") между фреймами в пикселях. Данный параметр также необходим для создания фреймов без рамок framespacing="0"

Элемент FRAME

Элемент FRAME описывает отдельный фрейм внутри всей структуры. Он имеет следующие атрибуты:

src Обязательный параметр. Указвает адрес (URL) HTML файла, отображаемого в данном фрейме src="frame1.html"

name Определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью атрибута target. В качестве значения нужно указать любое имя без пробелов с использованием латинских символов и цифр (начальными символами могут быть только буквы латинского алфавита: a-z, A-Z). Имя не должно начинаться с цифр и специальных символов. name="menu1"

marginwidth Определяет ширину (в пикселях) левого и правого полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа marginwidth="0"

marginheight Определяет ширину (в пикселях) верхнего и нижнего полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа marginheight="0"

scrolling Определяет наличие полос прокрутки содержимого фрейма. Возможные значения:

yes - отображать полосы прокрутки

no - не отображать полосы прокрутки

auto - отображать полосы прокрутки по необходимости (если документ, указанный в параметре src, не умещается во фрейме) scrolling="auto"

noresize Не позволяет изменять размеры фрейма. Данный параметр является флагом и не требует указания значения noresize

frameborder Определяет наличие рамок у фрейма. Возможные значения:

yes или 1 - отображать рамки

no или 0 - не отображать рамки frameborder="0"

Пример HTML документа с фреймами

<HTML>

<HEAD>

</HEAD>

</FRAMESET>

</HTML>

Специальные символы.

Язык html предназначен для разметки интернет документов. Все интернет страницы, которые видят пользователи во всемирной паутине, написаны на языке html. Для того чтобы отобразить на страницах все необходимые компоненты, надо обязательно использовать в html-коде страницы специальные символы. К специальным символам относятся такие, как неразрывный пробел, знак параграфа, многоточие, бесконечность, приблизительное равно, валюта евро, знак торговой марки и так далее. Такие специальные символы не всегда есть на клавиатуре компьютера, но использовать их на сайте необходимо. В таких случаях эти специальные символы заменяют мнемокодом. Символьные мнемокоды используют специальные имена. Благодаря такому принципу, программистам не надо специально их запоминать. Так, к примеру, символьное имя "& q u o t;" используется для того, чтобы закодировать двойные кавычки ("). Если необходимо вставить знак меньше (<), то необходимо использовать символьное имя "& l t;". Последний специальный символ особенно важно знать, так как иногда знак угловой скобки воспринимается браузером при отображении страницы как начало дескриптора. Именно поэтому все профессиональные программисты знают все специальные символы языка html наизусть.

пробел nbsp   неразрывный пробел

§ sect § параграф

«laquo « левая двойная угловая кавычка

» raquo » правая двойная угловая кавычка

® reg ® знак зарегистрированной торговой марки

™ trade ™ знак торговой марки

¼ frac14 ¼ дробь - одна четверть

½ frac12 ½ дробь - одна вторая

¾ frac34 ¾ дробь - три четверти

… hellip … многоточие

′ prime ′ одинарный штрих

″ Prime ″ двойной штрих

⁄ frasl ⁄ косая дробная черта

∞ infin ∞ бесконечность

≈ asymp ≈ почти равно

≠ ne ≠ не равно

≤ le ≤ меньше или равно

≥ ge ≥ больше или равно

" quot " двойная кавычка

& amp & амперсанд

< lt < знак меньше

> gt > знак больше

‘ lsquo ‘ левая одинарная кавычка

’ rsquo ’ правая одинарная кавычка

“ ldquo “ левая двойная кавычка

” rdquo ” правая двойная кавычка

‹ lsaquo ‹ левая фигурная скобка

› rsaquo › правая фигурная скобка

? euro € валюта евро

Обязательные элементы

Любой html документ содержит заголовок и тело (HEAD и BODY, соответственно). Заголовок и тело документа - обязательные элементы, которые должны находиться внутри элемента HTML, как и все другие элементы. Итак, в заголовке документа содержится в основном служебная информация о самом документе, тогда как тело документа содержит непосредственно сам документ (текст, рисунки и прочие элементы).

Название документа

Название документа задаётся при помощи элемента TITLE. Это очень важный элемент. Он характеризует документ.

Декларация DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> Эта декларация позволяет использовать любые элементы и атрибуты языка HTML.

Комментарии

Комментарии используются чаще всего для пояснений. Комментарии в HTML имеют следующий синтаксис:

Простой пример html документа

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<HTML>

<HEAD>

<TITLE>Название документа</TITLE>

Здесь будут располагаться элементы заголовка документа

</HEAD>

<BODY>

Здесь будут располагаться элементы тела документа

</BODY>

</HTML>

Примечание: обратите внимание на закрывающиеся теги. Они имеют символ косой черты - «/».

Примечание: язык HTML нечувствителен к регистру, то есть теги <HEAD>, <HeaD > и <head > будут равносильны.

Основные атрибуты элемента HEAD

Заголовок содержит неупорядоченную служебную информацию о документе - например, название документа; ключевые слова, по которым поисковая машина может индексировать документ; информацию о кодировке, на которой написана страница; и другую специфическую информацию. Вся эта информация содержится внутри элемента HEAD.

Внутри элемента HEAD могут содержаться такие элементы:

<BASE> - позволяет задать базовый адрес (URL) для всего документа.

<BASEFONT> - позволяет установить шрифт для документа.

<LINK> - устанавливает связи с другими элементами.

<META> - содержит информацию, необходимую браузеру пользователя или серверу для обработки документа.

<STYLE> - используется для описания внутренних таблиц стилей.

<TITLE> - задаёт название документа.

Код заголовка документа. Пример.

<HEAD>

<TITLE>Название документа</TITLE>

</HEAD>

Элемент title

Заголовок документа. Это очень важный элемент. Он характекизует документ и должен делать его в своём роде уникальным. Содержимое элемента title в окне браузера будет помещено в строку заголовка окна.

Элемент base

Указывает на базовый адрес текущего документа (URL), который станет главным для расчета относительных адресов внутри html документа. Этот элемент не имеет закрывающегося тега, но обязательно присутствует хотя бы один из атрибутов.

Атрибуты элемента:

target - определяет имя фрейма, которое будет использоваться в гиперссылках (URL) по умолчанию.

href - этот атрибут определяет базовый адрес (URL) текущего html документа

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

</HTML>

Элемент basefont

Этот элемент предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанный шрифт будет использоваться во всем документе (за исключением тега font, в котором можно задать параметры оформления текста). Допускается использование этого элемента в контейнере <HEAD> или <BODY> (использование возможно несколько раз). Это позволяет изменять вид шрифта для какой-либо части документа.

Атрибуты элемента:

color - устанавливает цвет текста.

face - определяет гарнитуру шрифта.

size - задает размер шрифта

Пример:

Элемент LINK осуществляет взаимосвязь документа с другими внешними документами на сайте, указывая место этого документа в иерархической структуре сайта. Элемент не имеет закрывающегося тега. Между тегами head может содержаться 1,2 и более элементов LINK.

Атрибуты элемента:

href – этот атрибут определяет URL адрес объекта.

rel – определяет взаимосвязь текущего html документа с внешним объектом, с помощью атрибута href.

Его возможные значения:

stylesheet – указывает файл, который содержит таблицу стилей (CSS).

home – указывает на заглавную страницу сайта.

toc, contents – указывают файл, который содержит оглавление данного документа.

index – указывает файл, который содержит информацию для поиска по текущему html документу.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

</HTML>

Элемент meta

Используется для описания документа. С помощью этого элемента в заголовок документа добавляется информация невидимая для пользователя, но иногда просто незаменимая для правильной индексации вашей страницы роботами. Элемент не имеет закрывающегося тега.

Атрибуты элемента:

NAME – определяет тип meta.

HTTP-EQUIV – определяет тип meta. Он практически аналогичен атрибуту NAME, но используется лишь в случае, когда необходимо передать дополнительную информацию в HTTP-заголовок.

CONTENT – присваивает значение мета-записи, которая определена в атрибуте NAME (или HTTP-EQUIV).

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

<"META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 2005 19:30:17 GMT">

</HEAD>

</HTML>

Элемент a

Тег <A> является одним из самых важных элементов в языке html и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри самой страницы, которую вы можете указать в качестве цели для ссылки. При использовании ссылки-якоря (ссылка, которая указывает на якорь) происходит переход к закладке непосредственно внутри веб-страницы. Для создания ссылки нужно сообщить браузеру, что именно является ссылкой, а также указать адрес документа (страницы), на который следует сделать ссылку. В качестве значения параметра для атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть как абсолютным, так и относительным. Абсолютные ссылки работают везде и всюду независимо от имени сайта или веб-страницы, где ссылка находится. Относительные ссылки построены относительно текущего документа сайта.

Атрибуты:

href - задает адрес документа.

name - устанавливает имя якоря внутри документа.

target - имя окна или фрейма, в которое браузер будет загружать документ.

title - добавляет всплывающую подсказку к тексту ссылки (описание ссылки).

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

<p><a href="images/one.jpg">Фотография 1!</a></p>

</BODY>

</HTML>

Тег <ADDRESS> предназначен для хранения информации об авторе сайта и может включать в себя любые элементы HTML, такие, как ссылки, текст и т.д. По умолчанию, текст внутри контейнера <ADDRESS> отображается курсивным начертанием. Если эта особенность не требуется, то используйте таблицы стилей (css) для изменения начертания шрифта.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

Сайт создан с помощью html учебника.

</address>

</BODY>

</HTML>

Тег big

Этот тег увеличивает размер шрифта на единицу. В языке HTML размер шрифта измеряется от 1 до 7, средний размер текста по умолчанию 3. Добавление тега <BIG> увеличивает текст на одну единицу. Также, допускается применение вложенных тегов <BIG>.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

<big>Большой текст</big>

</BODY>

</HTML>

Тег blockquote

Этот тег предназначен для того, чтобы выделять длинные цитаты внутри документа. Текст, заключенный между тегами <blockquote>, отображается, как выровненный блок с отступами 40 пикселей слева и справа.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

Текст

</blockquote>

</BODY>

</HTML>

Тег button

Этот тег преднозначен для создания кнопки и по своему действию напоминает результат, который дает тег <INPUT>. В отличие от этого тега, <BUTTON> предлагает дополнительные возможности для созданию html кнопок. Например, на кнопке, созданной с помощью <button>, можно размещать любые элементы языка HTML. Также можно использовать css для того, чтобы определить вид кнопки.

Атрибуты:

disabled - блокирует кнопку.

type - тип создаваемой кнопки.

value - значение кнопки. Оно будет отправлено на сервер или обработано с помощью php и других сприптов.

Пример:

<HTML>

<HEAD>

<TITLE>button</TITLE>

</HEAD>

<BODY>

<button> Текст кнопки </button>

</BODY>

</HTML>

Что такое тИЦ

тИЦ (Тематический индекс цитирования) - величина, показывающая авторитет ресурса в сети. Была введена поисковой системой Яндекс для ранжирования ресурсов в Яндекс Каталоге.

Как рассчитывается тИЦ

Тематический индекс цитирования ресурса рассчитывается по количеству ссылок на данный ресурс и их веса.

Вес ссылки - сколько тиц дает данная ссылка. Вес зависит от УВ (уровня вложенности страницы), ВС (внешних ссылок), Тиц, PageRank, наличия ресурса в каталоге Яндекс.

Настоящий алгоритм рассчета тИЦ известен только Яндекс, вебмастера могут только догадываться как рассчитывается тИЦ.

Я долгое время наблюдал за сменой тиц и могу предположить, что тИЦ рассчитывается следующим образом:

Если ресурс не находится в яндекс каталоге и не совпадает по тематике, то он дает тИЦ 0,01

Если ресурс находится в яндекс каталоге и не совпадает по тематике, то он дает тИЦ 0,02

Если ресурс не находится в яндекс каталоге и совпадает по тематике, то он дает тИЦ 1

Если ресурс находится в яндекс каталоге и совпадает по тематике, то он дает тИЦ 1,5

Обмен ссылками давно в прошлом, теперь поисковые системы способны отслеживать простой обмен (ресурс А ссылается на ресурс Б и наоборот). Остался эффективным круговой обмен, но найти вебмастеров и договориться о ссылках не так просто, поэтому появились биржи ссылок. Биржи делают почти всю работу за вебмастеров и отслеживают работоспособность ссылок.

Биржи ссылок

Существует десяток бирж, я расскажу Вам о биржи на которой сам покупаю, продаю ссылки. Это биржа ссылок RussiaLinks. Биржа открылась недавно, но по функциям не уступает другим. Особенно мне нравится, что сразу после регистрации на счете уже есть небольшая сумма денег, страницы в площадку добавляются мгновенно, ссылки встают на площадки в течении 10 секунд. А, еще заработанные деньги выводятся очень быстро и без комиссии. Рассказывать еще можно очень долго, но каждый человек все понимает по-своему. На этом я заканчиваю свою статью.

Что такое PageRank

PageRank- рейтинг страницы. Используется поисковой системой Google для сортировки сайтов в поиске. PageRank имеет численное значение от 0 до 10. PageRank также как и тиц зависит от количества и веса ссылок. Считается, что данный параметр поднимается быстрее, если сайт занесен в каталог DMOZ.

Как рассчитывается

При помощи таблицы PageRank можно приблизительно рассчитать, сколько ссылок потребуется для получения определенного значения PageRank на заданной странице. По горизонтали указан PageRank страниц, ссылающихся на страницу. По вертикали - искомое значение PageRank.

История языка

В 1994 году html был разбит на уровни. Было выделено 4 уровня.

Уровень 0: включает в себя заголовки, ссылки, списки.

Уровень 1: добавляются рисунки и элементы выделения текста.

Уровень 2: добавляются формы, позволяющие пользователю вводить информацию.

Уровень 3: добавляются таблицы.

Язык html в целом предлагает следующие возможности:

Публиковать в web документы, содержащие заголовки, текст, таблицы, списки, фотографии и т.д..

Получать дополнительную информацию, используя гипертекстовые ссылки.

создавать формы для передачи данных удалённым серверам.

Включать непоспедственно в документ видео- и аудиоклипы, анимационные ролики и другие обьекты.

Оформление текста

Заголовки - элементы H1 – H6

Пример

<H1>Пример 1</H1> <H2>Пример2</H2><H6>Пример3</H6>

Отображение примера в окне браузера

Пример 1

Пример2

Пример3

Выравнивание – атрибут align

left - выравнивание по левому краю.

center - выравнивание по центру.

right - выравнивание по правому краю.

justify - выравнивание по ширине.

Пример

<H2 align="center">Этот заголовок будет выровнен по центру</H2>

Параграфы (абзацы) - элемент P

12 3 4 Следующая ⇒

Читайте также:

Формы дистанционного обучения

Передача мяча двумя руками снизу

Значение правильной осанки для жизнедеятельности человека

Основные ошибки при выполнении передач мяча на месте

Последнее изменение этой страницы: 2017-02-08; просмотров: 178; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.119.159.150 (0.382 с.)