Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Полное наименование html-тегов, расшифрока тегов 
:(
    Опции темы
Котокобра
Дата 3.4.2011, 05:12 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 3
Всего: 4



Это должен знать каждый верстальщик! smile 

<B> (bold) - полужирный
<I> (italic) - италик
<EM> (emphasis) - акцент
<U> (underline) - подчеркнутый
<S> (strikethrough) - зачеркнутый
<SUB> (subscript) - подстрочный индекс
<SUP> (superscript) - надстрочный индекс

<A> (anchor) - якорь (то есть, кто здесь "бросил якорь" - другая страница, фрагмент страницы)

<IMG> (image) - изображение

<DIV> (division) - раздел
<SPAN> (span) - интервал
<P> (paragraph) - абзац
<PRE> (preformatted) - предварительно отформатированный

<BR> (break) - разрыв
<HR> (horisontal rule) - горизонтальная черта

<OL> (ordered list) - упорядоченный (нумерованный) список
<UL> (unordered list) - неупорядоченный список
<LI> (list item) - пункт списка

<DL> (definition list) - список определений (терминов)
<DT> (definition term) - определяемый термин
<DD> (definition description) - описание определения (термина)

<TABLE> (table) - таблица
<THEAD> (table head) - заголовок таблицы
<TBODY> (table body) - тело таблицы
<TR> (table row) - строка таблицы
<TH> (table header) - заголовок таблицы (ячейка)
<TD> (table data) - ячейка (данное) таблицы
<TFOOT> (table foot) - основание, "подвал" таблицы

Успехов! 
 smile 



upd: 

Атрибуты тегов:

href = (hyper reference) - гипер ссылка
src = (source) - источник
id = (identifier) - идентификатор
alt = (alternative) - альтернатива (альтернативный текст)

bgcolor = (background color) - цвет фона
valign = (vertical align) - вертикальное выравнивание
hspace = (horizontal space) - горизонтальное пространство (отступ)
vspace = (vertical space) - вертикальное пространство (отступ)


Для чего это нужно? Для того, чтобы когда Вы верстаете, могли бы внятно проговаривать про себя то, что Вы пишете. Или, как вариант, кому-то надиктовывать. 
Вместо, например, "а... хреф... айди..." говорили бы: "anchor... reference... identifier..." 
Это такое маленькое Дао... Которое позволяет постигнуть Высокое.  smile 

Это сообщение отредактировал(а) Котокобра - 4.4.2011, 12:48
PM MAIL   Вверх
Gold Dragon
Дата 3.4.2011, 08:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



чуть-чуть дополню...
Согласно W3C предпочтительнее использовать <STRONG> вместо <B> и <EM> вместо <I>. Новые системы поисковых роботов ориентированы на рекомендации W3C.. Яндекс точно, хотя Гугл воспринимает это одинаково.

Использование <U> и <S> вообще не допускается.. И использовать их возможно только в переходном HTML4
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

В HTML5 они вообще уже не включёны



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 4.4.2011, 08:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(Котокобра @  3.4.2011,  05:12 Найти цитируемый пост)
определение списка (терминов)

Только, всё-таки, "список определений". Словарик, попросту smile. И, соответственно, "определяемый термин" и "описание определения <этого термина>".

Еще я бы отметил цитаты - Q (Quote, просто цитата) для коротких цитат, вставляемых в абзац, и BLOCKQUOTE (блочная цитата) для целых блоков цитируемого текста. А вот CITE (Citation) - это не цитата по-нашему (как иногда пишут), а цитируемый источник, библиографическая ссылка.

Цитата(Gold Dragon @  3.4.2011,  08:58 Найти цитируемый пост)
Согласно W3C предпочтительнее использовать <STRONG> вместо <B> и <EM> вместо <I>
Цитата(Gold Dragon @  3.4.2011,  08:58 Найти цитируемый пост)
В HTML5 ...

Если ориентироваться на HTML5, то это просто разные вещи (strong - особо важный текст, b - стилистическое выделение без указания на важность; em - как и в HTML4, расстановка акцентов, "напор" на фразу, а i - "изменение голоса или настроения", выделение иностранного слова, технического термина и т.п.).

Кстати, s в текущем W3C-шном HTML5 есть ;)


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Gold Dragon
Дата 4.4.2011, 09:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(SelenIT @  4.4.2011,  09:07 Найти цитируемый пост)
Кстати, s в текущем W3C-шном HTML5 есть ;) 
ступил.. немного хотел другое написать smile просто проглядел потом

Цитата(SelenIT @  4.4.2011,  09:07 Найти цитируемый пост)
 (strong - особо важный текст, b - стилистическое выделение без указания на важность;
вообще, я тоже долго пытался понять в чём разница, то так и не понял smile Что значит выделить, но это не важно?  smile Выделением мы именно подчёркиваем важность того или иного слова (фразы)... Ну да ладно, это всё философия большим делом.. хотя валидаторы ругаются smile Но ориентироваться  нужно на HTML 5... Или на строгий HTML4.. Попробуй сайт сверстать на строгом HTML4.. я пробовал... ох..фигел  smile

Добавлено через 1 минуту и 12 секунд
хотя я упрямо всегда использую <b> smile


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Котокобра
Дата 4.4.2011, 12:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 3
Всего: 4



Цитата(SelenIT @  4.4.2011,  08:07 Найти цитируемый пост)
Только, всё-таки, "список определений". Словарик, попросту smile. И, соответственно, "определяемый термин" и "описание определения <этого термина>".


Исправил у себя  smile 

Цитата(SelenIT @  4.4.2011,  08:07 Найти цитируемый пост)
strong - особо важный текст, b - стилистическое выделение без указания на важность; em - как и в HTML4, расстановка акцентов, "напор" на фразу, а i - "изменение голоса или настроения", выделение иностранного слова, технического термина и т.п.


Интересно, я раньше не понимал этой разницы.  smile 
PM MAIL   Вверх
Gold Dragon
Дата 4.4.2011, 13:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(Котокобра @  4.4.2011,  13:49 Найти цитируемый пост)
Интересно, я раньше не понимал этой разницы. 
да её и нет... один получается "беременный", второй - "полу беременный"  smile 



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Котокобра
Дата 4.4.2011, 13:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 3
Всего: 4



визуально нет. но Дао - это больше чем то, что ты видишь  smile 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0751 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.