Неофициальная справка на Других Языках: Справка на Русский / Центр Справки: Основное

Базисный Гид по HTML

Базисный Гид по HTML

На сайте есть несколько месть, где Вы можете ввести неограниченное количество текста. Этот текст не форматирован и обычные переносы строки не переведут текст на новую строку. Что бы Ваш текст появился на новой строке, Вы должны использовать <BR> или <P> HTML тэги. Нежи - базисный осмотр тэгов HTML, которые Вы можете использовать для форматирования текста.

Заголовки
В HTML существует 6 уровней заголовков. H1 является самым главным, H2 немного менее важен, и так далее вниз до H6, самый "не важный".

Пример:

John's Bricks

и уменьшенный заголовок:

John's Bricks

HTML Код:

<H1>John's Bricks</H1>

и уменьшенный заголовок:

<H2>John's Bricks</H2>

Перенос строки
Что бы заставить текст появиться на следующей строке, обычное нажатие "Enter" не будет работать. Вы должны использовать тэг <BR>.

Пример:

Строка 1
Строка 2

HTML Код:

Строка 1<BR>
Строка 2

Параграф
Каждый параграф, который Вы пишите должен начинаться с тэга <P>. </P> это опциональный тэг, в отличие от тэгов для элементов вроде заголовков.

Пример:

Это первый параграф.

Это второй параграф.

HTML Код:

Это первый параграф.
<P>Это второй параграф.

Жирный текст
Вы можете выделить 1 или более слов тэгом <B>.

Пример:

BrickLink это отличное место!

HTML Код:

BrickLink это <B>отличное</B> место!

Курсивный текст
Вы можете выделить курсивом 1 или более слов тэгом <I>.

Пример:

BrickLink это весёлое место!

HTML Код:

BrickLink это <I>весёлое</I> место!

Горизонтальная линия
Вы можете добавить горизонтальную линию для разделения секций своих документов с тэгом <HR>.

Пример:

Секция #1


Секция #2
HTML Код:

Секция #1
<HR>Секция #2

Изображения
Путь для добавления изображения это использование тэга <IMG>. Это хорошая практика указания необходимо ширины и высоты изображения. Вы можете сделать это атрибутами WIDTH (ширина) и HEIGHT (высота) к тэгу IMG. Если Вы не обозначите ширину и высоту тэгами, то некоторые браузеры запросят загрузку полного изображения перед отображением страницы, результатом чего является длительное время ожидания. Вы так же можете использовать атрибут ALT к тэгу IMG, что бы показать альтернативный текст, когда курсор мыши на изображении.

Пример:

Покупайте и продавайте LEGO на BrickLink

HTML Код:

<IMG SRC="/images/logos/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Покупайте и продавайте LEGO на BrickLink">

Ссылки
Интернет имеет возможность указывать ссылки с одной страницы на другую, The internet has the ability to define links from one page to another, и переходить по ссылкам одним нажатием кнопки. Ссылки указываются через тэг <A>. В этом примере мы создадим ссылку на наш форум на "messageList.asp". Текст между <A> и </A> используется как подпись для ссылки. Подпись обычно является синим подчёркнутым текстом.

Пример:

Это ссылка на наш Форум.

HTML Code:

Это ссылка на наш <A HREF="messageList.asp">Форум</A>.

Что бы сделать ссылку на другой сайт, вы должны дать полный адрес (обычно называется URL). Что бы сделать ссылку напрямую на www.bricklink.com Вы должны написать:

Пример:

Это ссылка на BrickLink.com.

HTML Code:

Это ссылка на <A HREF="http://www.bricklink.com">BrickLink.com</A>.

Вы можете превратить изображение в ссылку. Когда Вы делаете это, изображение должно отобразиться в синей рамке. Что бы отключить это, используйте параметр BORDER=0 к тэгу изображения. Следующее позволяет Вам нажать на логотип BrickLink, что бы попасть на домашнюю страницу:

Пример:

Покупайте и Продавайте LEGO на BrickLink

HTML Код:

<A HREF="http://www.bricklink.com"><IMG BORDER="0" SRC="/images/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Покупайте и Продавайте LEGO на BrickLink"></A>

Списки
Самый приемлемый способ использования списков это списки заказанного и не заказанного. Здесь пример не заказанного списка:

Пример:

Я принимаю следующие методы оплаты:

  • Персональные чеки
  • Money Orders
  • Наличные
HTML Код:

Я принимаю следующие методы оплаты:

<UL>
<LI>Персональные чеки
<LI>Money Orders
<LI>Наличные
</UL>

Здесь пример заказанного списка. Он ставит номер начиная с 1 дольше для каждого пункта списка:

Пример:

Я принимаю следующие методы оплаты:

  1. Персональные чеки
  2. Money Orders
  3. Наличные
HTML Код:

Я принимаю следующие методы оплаты:

<OL>
<LI>Персональные чеки
<LI>Money Orders
<LI>Наличные
</OL>

Таблицы
Таблицы используются для информации так же, как для макета. Таблицы состоят из одной или нескольких строк ячеек таблицы. Элемент TABLE работает как контейнер для таблицы. Атрибут BORDER указывает ширину рамки в пикселях. Элемент TR работает как контейнер для каждой строчки. Элементы TH и TD работают как контейнеры для заголовков и данные клеток соответственно. Здесь простой пример:

Пример:

МестоположениеСтоимость доставки
Европа$10.00
Америка$5.00
Австралия$15.00
HTML Код:

<TABLE BORDER="1">
<TR><TH>Местоположение</TH><TH>Стоимость доставки</TH></TR>
<TR><TD>Европа</TD><TD>$10.00</TD></TR>
<TR><TD>Америка</TD><TD>$5.00</TD></TR>
<TR><TD>Австралия</TD><TD>$15.00</TD></TR>
</TABLE>