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

pic pic

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

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

pic pic

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

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

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

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

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

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

<B> VXZone </B>, в результате дает нам:

VXZone

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

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

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

VXZone

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

VXZone com

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

Цвет Фона

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

Шрифт

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

<FONT FACE="comic sans ms"></FONT>

Example of Comic Sans MS

<FONT FACE="courier new"></FONT>

Example of Courier New

<FONT FACE="Book Antiqua"></FONT>

Example of Book Antiqua

<FONT FACE="Arial"></FONT>

Example of Arial

<FONT FACE="Times New Roman"></FONT>

Example of Times New Roman

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

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

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

<FONT SIZE="1">Font Size 1</FONT>

Font Size 1

<FONT SIZE="2">Font Size 2</FONT>

Font Size 2

<FONT SIZE="3">Font Size 3</FONT>

Font Size 3

<FONT SIZE="4">Font Size 4</FONT>

Font Size 4

<FONT SIZE="5">Font Size 5</FONT>

Font Size 5

<FONT SIZE="6">Font Size 6</FONT>

Font Size 6

Цвет шрифта

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

<FONT COLOR="RED">Example 1</FONT>

Example 1

<FONT COLOR="BLUE">Example 2</FONT>

Example 2

<FONT COLOR="GREEN">Example 3</FONT>

Example 3

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

<FONT SIZE="5" FACE ="Times New Roman" COLOR="orange">VXZone</FONT>

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

VXZone

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

Пробелы

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

Например:

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

образом в HTML"

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

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

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

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

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

строка 1
строка 2

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


 

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

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

VXZone

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

<B> VXZone </B>

VXZone

<U>The underline tag</U>

The underline tag

<I>The italic tag</I>

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>

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

  1. WWW
  2. VXZone
  3. Com
Распечатать
Просмотров: 5511
Комментарии
VXZone.com  Вконтакте  Facebook

Добавить закрыть

Для добавления комментария войдите или зарегистрируйтесь.
x #{title}

#{text}