Уроки HTML.
Изучаем основные тэги.

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

Как вы наверное уже знаете eBay предлагает на выбор достаточное количество инструментов для создания страницы. Новички в основном используют шаблоны, но опытные Продавцы знают, что шаблонные лоты уже давно успели набить оскомину и чем в большей степени использовался авторский подход при создании страницы тем в меньшей степени она замыливает глаза, следовательно она привлечет больше внимания потенциальных Покупателей. Действительно со вкусом подобранные шрифты разного вида, цвета, размера, плюс немного графики придаст вашему лоту ту самую "изюминку", которой не хватает шаблонным лотам, которые как будто сделаны под копирку.

Что же необходимо для создания такой страницы? Все просто - это базовые знания HTML - языка программирования, который используется для создания Web страниц. И пугаться этого конечно же не стоит - от вас не требуются навыки профессионального вебмастера и умение создавать целые сайты со скриптами и графикой вам не нужно. Нужны лишь базовые навыки. Сейчас мы постараемся в нескольких уроках максимально доходчиво рассказать вам об азах HTML.

Существует большое количество программ, которые позволяют автоматизировать работу с HTML. Самые распространенные из них это Microsoft FrontPage, Adobe DreamWeaver и некоторые другие. eBay же в свою очередь предлагает вам сверстать лот во встроенном HTML редакторе.

Урок Первый. Вступление в HTML

Аббревиатура HTML расшифровывается как Hyper-Text Markup Language (язык используемый для создания Веб страниц). Команды HTML называются тэги (tags). В начале и в конце каждого тэга ставятся квадратные скобки. Например, начинающий тэг дает команду начать выделять текст жирным шрифтом, а заканчивающий тэг , дает компьютеру команду закончить выделять текст жирным шрифтом.

VXZone , в результате дает нам:

VXZone

HTML тэг <CENTER> дает команду расположить текст по центру страницы, соответственно тэг <RIGHT> располагает текст справа, а тэг <LEFT> - слева. Писать тэги можно, как большими, например <CENTER>, так и маленькими - <center>, буквами. Результат от этого не изменится. Рекомендуется писать тэги именно большими буквами, чтобы легко отличать их на фоне обычного текста.

Если вы используете более чем один тэг, тогда необходимо размещать закрывающие тэги (или конечные тэги - это тэги со слэшем, например ) в обратном порядке, чем начинающие тэги. Разберем на примере.

Если Вы хотите написать текст одновременно: жирным шрифтом (), подчеркнутым () и курсивом (), нужно написать следующим образом: VXZone , в результате получаем:

VXZone

Давайте немного поэкспериментируем. Вот более сложное задание: VXZone com , в результате получаем:

VXZone com

Урок Второй. Форматируем аукционную страницу

Цвет Фона

При желании вы можете установить цвет фона на вашей аукционной странице. Это делается с помощью тэга <BODY BGCOLOR="(color)">. Вместо "(color)" необходимо вставить название цвета.

Шрифт

Тэг , где "font face" - наименование шрифта, позволяет изменить вид шрифта на вашей аукционной странице. Вот примеры некоторых шрифтов:

Example of Comic Sans MS

Example of Courier New

Example of Book Antiqua

Example of Arial

Example of Times New Roman

Видов шрифтов сотни и вы можете выбрать какой захотите. Список установленных у вас шрифтов вы можете получить проследовав по маршруту Windows: Меню "Пуск" - Панель управления - папка "Шрифты".

Размер Шрифта

Вы можете выбрать размер шрифта используя тэг , где "#" - размер (значения могут быть от "1" и выше). Вот примеры:

Font Size 1

Font Size 1

Font Size 2

Font Size 2

Font Size 3

Font Size 3

Font Size 4

Font Size 4

Font Size 5

Font Size 5

Font Size 6

Font Size 6

Цвет шрифта

Вы можете выбрать цвет шрифта используя тэг , где "#" - значение цвета (значения представляют из себя наименования цветов). Вот примеры:

Example 1

Example 1

Example 2

Example 2

Example 3

Example 3

А теперь все свойства шрифта объединяем для простоты в один тэг. Очередность атрибутов в одном тэге значения не имеет.

VXZone

В итоге получаем:

VXZone

Урок третий. Составляем текст аукционной страницы

Пробелы

HTML, в отличии от большинства текстовых редакторов, сжимает написанный текст до одного пробела.

Например:

"Текст написанный таким

образом в HTML"

будет выглядеть следующим образом -

"Текст написанный таким образом в HTML"

Для того, чтобы между словами был более чем один пробел, используйте этот тэг (без скобок): &nbsp. Если Вы хотите, чтобы было 2 или 3 пробела, пишите   &nbsp.

Используйте тэг , чтобы закончить одну строку и начать другую.

Например: "строка 1 строка 2" в результате нам даст:

строка 1

строка 2

Используя тэг <HR>, Вы сможете получить горизонтальную линию:

Размещение текста по центру

Тэги <CENTER></CENTER> позволяют разместить текст по центру. Например: <CENTER>VXZone</CENTER>

VXZone

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

VXZone

VXZone

The underline tag

The underline tag

The italic tag

The italic tag

Для маркировки отдельных строк и построения списка, применяются следующие тэги - <UL>, <LI>, </UL>

Приведем пример:

<UL>
<LI> WWW
<LI> VXZone
<LI> Com
</UL>

в результате:

WWW
VXZone
Com

Для того, чтобы пронумеровать строки, используются следующие тэги - <OL>, <LI>, </OL>.

Приведем пример:

<OL>
<LI> WWW
<LI> VXZone
<LI> Com
</OL>

в результате:

WWW
VXZone
Com