Перейти к содержимому

Реферальная программа Мегаплана


Теги HTML

#1 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8
0

Отправлено 04 Декабрь 2008 - 20:27

Основное на сегодня:
  • Общее о теге, типы тегов HTML
  • Рассмотрение основных(главных) тегов
  • Тег -как контейнер
  • Тег -как элемент

Вам стало интересно изучать HTML и вы перешли к новой ступени его познания. Что же такое теги?!
Теги(англ. Tags - метки) - это неотъемлемые элементы любого HTML-документа(страницы). Они символически(изображение заменяют текстом) описывают любой элемент страницы, начиная от простейших переноса строки(новая строка) и заканчивая таблицами, блоками, формами. Если проще, то теги описывают, то как будут выглядеть текст, таблица, картинки на вашей HTML-странице, и как они будут располагаться относительно друг друга.

Если и сей час вы не поняли что такое теги, то рассмотрим на примере соотношений: HTML-страница <-> Microsoft Word

1) <html></html> - В Word это тоже самое, что вы создадите документ и у него есть начало и конец
2) <br> - В Word это переход на новую строку при нажатии клавиши Enter
3) <body></body> - В Word это всё что мы видим на страницах документа, тексты, картинки, графики, формы.
4) <b></b> - В Word это жирный текст
Я думаю теперь вам уже более менее стало ясно что понимается под тегами

За пример тега можно взять <br> - перенос текста на новую строку. Как вы уже успели заметить, тег имеет свой тип написания.
Всё что находится между < и > это тег. Всё что находится вне этих символов мы видим в окне браузера.

Не стоит забывать, что существуют обязательные теги, которые должны присутствовать в любом HTML-документе для её правильного восприятия браузером, такие теги показаны на картинке в лекции №1

Тегов много и все они имеют различное написание(структуру):
  • Одиночные (не имеют закрывающего тега)
    Пример: <br>, <input>, <meta>, <link>
  • Парные (Есть как открывающий так и закрывающий тег)
    Пример: <html></html>, <head></head>, <title></title>, <body></body> и др.
У многих, но не у всех тегов есть дополнительные атрибуты(свойства) для определения отображения элемента. К примеру:
<body bgcolor="white">ТЕЛО ДОКУМЕНТА</body>
В данном примере атрибут bgcolor принимает значение white(белый). Данный параметр говорит нам, что задний фон body(тела документа), должен быть белого цвета.

Рассмотрим основные теги

<head> </head> - "голова" документа
<body> </body> - "тело" документа

Всё что расположено между <head> </head> - это вроде заголовочной(служебной) информации. Не отображается на странице. В данном случае это будут служебные теги:
Тег <title> </title> (рис. 1) Это заголовок вашего HTML-документа, который будет отображаться вверху окна браузера.


Изображение
рис. 1 - Заголовок сайта

Тут же могут содержаться мета-теги <meta> (разметочные теги), о них мы поговорим в другой лекции.
Тег <link> - ссылается на внешний ресурс определяемый атрибутами тега.(Пиктограмма, RSS-канал и др.)
Тег <style> <style> - Определяет стили элементов(выносится стилизация)

Всё что расположено между <body> </body> - само содержимое HTML-документа, которое мы видим в браузере. Данные теги рассмотрим позже, иначе бы данная статья превратилась в столп 30 тысяч строк текста.

Тег - как контейнер

Парные теги(<тэг> </тэг>) - это контейнер, который может содержать внутри себя другие тэги (и/или текст).

Данный тег будет выглядеть в HTML-коде подобным образом:
<tag params="..." params="..."> содержимое контейнера </tag>


Очерёдность открытия и закрытия тегов звучит так:
"Последним открыл, первым закрыл".
То есть:
<tag_1><tag_2><tag_3> ............. </tag_3></tag_2></tag_1>

а не:
<tag_1><tag_2><tag_3> ............. </tag_1></tag_3></tag_2>


Тег - как элемент

Непарные теги(<тэг> или <тэг />) - это элемнт страницы (картинка, кнопка, ) и некоторые заголовочные теги. Не имеет парного закрывающего тега.
Данный тег будет выглядеть в HTML-коде подобным образом:
<tag params="..." params="...">

Стоит ещё добавить, что некоторые более строгие языки, такие как XHTML (переходный между HTML <-> XML) требуют закрытия непарных тегов, ставя в конце определения тега прямой слеш, предваренный пробелом:
<tag params="..." params="..." />

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

Статью считаю закрытой...
С уважением, Алексей.
-------------------------------------------------------------------------------

Предыдущая лекция :: Следующая лекция

 

 

  • 0

#2 FordogeN

FordogeN
  • Пользователь
  • 1 414 сообщений
  • Репутация: 0

Отправлено 05 Декабрь 2008 - 00:59

Для новичков - разжевал и в рот положил... ИМХО
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#3 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 05 Декабрь 2008 - 13:28

А полный перечень тегов будет?
  • 0

#4 ZiTosS

ZiTosS
    Topic Starter
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 05 Декабрь 2008 - 22:08

Полный перечнь тегов могу сделать, но позже, как школу допишу, или в действии, когда буду писать лекции напишу напишу и статью про все теги :)
  • 0

#5 FordogeN

FordogeN
  • Пользователь
  • 1 414 сообщений
  • Репутация: 0

Отправлено 05 Декабрь 2008 - 22:24

давай я чо нить по ХТМЛ напишу... Скажи какую тему?
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#6 ZiTosS

ZiTosS
    Topic Starter
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 05 Декабрь 2008 - 23:20

Ну раз хочешь, то по просьбам пользователей, напиши статью на тему перечени всех-всех тегов, что каждый выполняет, какие атрибуты им присущи. Какое отображение в разных браузерах. Хотя я думаю стоило бы разделить их на типы... В одной статье слишком много инфы иначе будет. Сразу не воспримешь...
К примеру такое разделение.
1) Основные теги страницы и заголовочные (html, head, body, meta, keywords, description, link, style, script и др.)
2) Таблицы, блоки и текстовые контейнеры (table, tr, td, tbody, th, div, span, a, font и др.)
3) Теги для создания формы (form, input, button, textarea, select, option и др.)
4) Устаревшие теги (big, center, cite, em, kbd и др.)
5) Теги списков (ul, ol, dd, dl, dt, li и др.)
6) Теги без категории (img, code, b, i и др.)

Можно сделать и другое разделение
  • 0

#7 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 05 Декабрь 2008 - 23:41

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



P.S. Кстати, это мое тысячное сообщение на этом форуме. :) ;) :(
  • 0

#8 FordogeN

FordogeN
  • Пользователь
  • 1 414 сообщений
  • Репутация: 0

Отправлено 06 Декабрь 2008 - 00:37

хорошо.. займусь на досуге учебником по html :)
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#9 Rumpel

Rumpel
  • Пользователь
  • 262 сообщений
  • Репутация: 1

Отправлено 20 Декабрь 2008 - 21:33

Спасибо за лекцию) полгода назад ей бы цены для меня не было))
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru