!
Рассылка RSS

27 сентября 2009

Урок 2. HTML

ТО что необходимо знать ! | Комментарии (2)

Для того, чтобы просмотреть исходный текст любого сайта, достаточно в браузере Internet Explorer нажать правую клавишу и выбрать «Простотр html-кода» (аналогичная кнопка есть и в других браузерах).


HTML-код сайта

 

 

 

Не буду вникать в историю. Просто скажу, что HTML принят, как стандарт во всем мире и любой сайт написанный, хоть в Америке, хоть в Китае имеет один и тот же набор тегов.


Пример, тег «заглавие сайта» или титл: отображается надпись в левом верхнем углу браузера,  а на самом деле HTML-код выглядит так:

 

Название сайта через тег Титл.

 

 

Теги - это ключевые слова разметки гипертекста. Тэги всегда вписываются  между знаками «<»  и «>». Вот эти слова браузер и преобразовывает в понятные для человека образы. Теги чаще всего парные, то  есть два открывающий и закрывающий , как в случае с titlе . Закрывающие теги всегда имеют слеш-«/» после «<».

 

Есть и не парные теги, например:  <ВR /> - перевод строки.

  

Как это работает?  Возьмем и посмотрим на страницу первого урока:


 

 

HTML-код картинки

 

Мы видим на экране картинку, а если посмотреть исходный код гипертекста мы вместо изображения наблюдаем такую строку :

<_img title="Яндекс передовая в рускоязычном Интернете поисковая система" src="/jpeg/inter.gif" alt="Окно Яндекса на Internet Explorer" width="500" height="400" /


Что это означает? А означает это следующее: браузер в момент чтения html-кода сайта встретил тег – img. Значит, будет отображаться картинка на экране. После этого браузер читает параметры отображения картинки. В нашем случае это:

title – заглавие картинки, отображается, если «мышкой» стать на рисунок;
Src – адрес картинки;
Alt- альтернативная надпись, если картинку нельзя загрузить, вместо нее выйдет надпись-заменитель.
Width и height- ширина и высота картинки.

Вот и вся премудрость. Аналогичная ситуация и с другими тегами.

Даю для скачивания справочник-словарь тегов: teg_html.rar [664.49 Kb] (cкачиваний: 97)



Очень полезная информация. Если Вы внимательно читали весь текст урока 2, наверно обратили внимание, сколько раз в тексте упоминается слово «тег»? Согласен, с литературной точки зрения, это не совсем правильно. Но со стороны поисковой оптимизации, такое насыщение ключевыми словами крайне необходимо. Хотя и здесь нельзя злоупотреблять. Подробней об этом будет описано в разделе посвященному SEO.

Продолжение темы читайте по этой ссылке

  • Вставляем картинки в HTML код.
  • Внутренние факторы для продвижения сайта
  • Форматирование текстов и заголовков файла формата HTML
  •  (голосов: 10)
    Комментарии (2)