Теги HTML - SEO форум MaulTalk.com

Теги HTML, Лекция №2

Опции

ZiTosS

Topic Starter сообщение

4.12.2008, 21:27; Ответить: ZiTosS

Сообщение #1

Ваша совесть

Группа: User
Сообщений: 5148
Регистрация: 18.2.2008
Из: Нижний Новгород
Поблагодарили: 0 раз
Репутация:

8

Основное на сегодня:

Общее о теге, типы тегов 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-документа, который будет отображаться вверху окна браузера.

[img]http://www.masterwebs.ru/pictures/lessons/html/2/pic_1.gif[/img]
рис. 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-коде подобным образом:

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

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

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

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

Поблагодарили: (1)

SEO-DT

0

Ответить с цитированием данного сообщения

FordogeN FordogeN 5.12.2008, 1:59; Сообщений: 1877 Поблагодарили: 8 раз Репутация: 1 Просмотр профиля	5.12.2008, 1:59; Ответить: FordogeN Сообщение #2
Старожил Группа: User Сообщений: 1877 Регистрация: 15.7.2008 Поблагодарили: 8 раз Репутация: 1	Для новичков - разжевал и в рот положил... ИМХО -------------------- Фото

Xap_mw Xap_mw 5.12.2008, 14:28; Сообщений: 1520 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	5.12.2008, 14:28; Ответить: Xap_mw Сообщение #3
Самый активный форумчанин Группа: User Сообщений: 1520 Регистрация: 17.7.2008 Поблагодарили: 0 раз Репутация: 0	А полный перечень тегов будет?

ZiTosS Topic Starter ZiTosSTopic Starter 5.12.2008, 23:08; Сообщений: 5148 Поблагодарили: 0 раз Репутация: 8 Просмотр профиля	Topic Starter 5.12.2008, 23:08; Ответить: ZiTosS Сообщение #4
Ваша совесть Группа: User Сообщений: 5148 Регистрация: 18.2.2008 Из: Нижний Новгород Поблагодарили: 0 раз Репутация: 8	Полный перечнь тегов могу сделать, но позже, как школу допишу, или в действии, когда буду писать лекции напишу напишу и статью про все теги

FordogeN FordogeN 5.12.2008, 23:24; Сообщений: 1877 Поблагодарили: 8 раз Репутация: 1 Просмотр профиля	5.12.2008, 23:24; Ответить: FordogeN Сообщение #5
Старожил Группа: User Сообщений: 1877 Регистрация: 15.7.2008 Поблагодарили: 8 раз Репутация: 1	давай я чо нить по ХТМЛ напишу... Скажи какую тему? -------------------- Фото

ZiTosS Topic Starter ZiTosSTopic Starter 6.12.2008, 0:20; Сообщений: 5148 Поблагодарили: 0 раз Репутация: 8 Просмотр профиля	Topic Starter 6.12.2008, 0:20; Ответить: ZiTosS Сообщение #6
Ваша совесть Группа: User Сообщений: 5148 Регистрация: 18.2.2008 Из: Нижний Новгород Поблагодарили: 0 раз Репутация: 8	Ну раз хочешь, то по просьбам пользователей, напиши статью на тему перечени всех-всех тегов, что каждый выполняет, какие атрибуты им присущи. Какое отображение в разных браузерах. Хотя я думаю стоило бы разделить их на типы... В одной статье слишком много инфы иначе будет. Сразу не воспримешь... К примеру такое разделение. 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 и др.) Можно сделать и другое разделение

Xap_mw Xap_mw 6.12.2008, 0:41; Сообщений: 1520 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	6.12.2008, 0:41; Ответить: Xap_mw Сообщение #7
Самый активный форумчанин Группа: User Сообщений: 1520 Регистрация: 17.7.2008 Поблагодарили: 0 раз Репутация: 0	Еще бы интересно было узнать (для общего развития) какие теги очень редко применяются, есть ли авторские теги (кто-то баловался и создал тег своего имени, есить ли вообще такие?) или уже совсем не используются. P.S. Кстати, это мое тысячное сообщение на этом форуме.

FordogeN FordogeN 6.12.2008, 1:37; Сообщений: 1877 Поблагодарили: 8 раз Репутация: 1 Просмотр профиля	6.12.2008, 1:37; Ответить: FordogeN Сообщение #8
Старожил Группа: User Сообщений: 1877 Регистрация: 15.7.2008 Поблагодарили: 8 раз Репутация: 1	хорошо.. займусь на досуге учебником по html -------------------- Фото

Rumpel

20.12.2008, 22:33; Ответить: Rumpel

Сообщение #9

Бывалый

Группа: User
Сообщений: 262
Регистрация: 8.6.2008
Из: Киев
Поблагодарили: 0 раз
Репутация:

1

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Вёрстка HTML-писем	30	Vampler	29320	27.3.2024, 12:41 автор: Vampler
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки	9	malamut	3445	25.1.2024, 14:36 автор: malamut
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое	5	CULA	3384	19.12.2023, 18:55 автор: CULA
Залить html страницу на 20 доменов	6	TABAK	1702	22.5.2023, 16:24 автор: KORUP
Сделать правки на html-странице	5	TABAK	2300	20.5.2023, 10:45 автор: EvilGomel