КАПУСТА: почитай,обсуди,отдохни!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » КАПУСТА: почитай,обсуди,отдохни! » HTML » Язык разметки

Язык разметки

Страница: 1
Ответить

Сообщений 1 страница 7 из 7

1

  • Автор: Administrator
  • Администратор
  • Administrator
  • Зарегистрирован: Sat:22,September,2007
  • Приглашений: 0
  • Сообщений: 574
  • Уважение: [+11/-0]
  • Позитив: [+28/-0]
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    Sun:07,September,2008 23:58:03

По просьбе murmuno открывается новый раздел!!! С тебя статейки)

0

2

  • Автор: Administrator
  • Администратор
  • Administrator
  • Зарегистрирован: Sat:22,September,2007
  • Приглашений: 0
  • Сообщений: 574
  • Уважение: [+11/-0]
  • Позитив: [+28/-0]
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    Sun:07,September,2008 23:58:03

murmuno надеюсь,ты не против будешб,если я заодно тя модератором в этот раздел поставлю)

0

3

  • Автор: murmuno
  • Модератор
  • murmuno
  • Зарегистрирован: Fri:28,September,2007
  • Приглашений: 0
  • Сообщений: 55
  • Уважение: [+2/-0]
  • Позитив: [+6/-0]
  • Пол: Женский
  • Возраст: 30 [1993-08-30]
  • Провел на форуме:
    8 часов 12 минут
  • Последний визит:
    Sat:08,March,2008 15:20:16

Первый урок вы найдёте здесь. А сейчас я продолжу.

#2 Форматирование абзаца

<br> - разрыв строки, одиночный тег.
Заголовки
Заголовки бывают шести уровней, 1 - самый крупный, 6 - самый мелкий, соответственно.
<h1>Заголовок 1 уровня</h1>
...
<h6>Заголовок 6 уровня<h6>
Абзац
<p>...</p> - в данном случае все разрывы строки (<br>) расставляются вручную. Т.е. как бы вы ни напечатали текст, он будет отображён всегда одинаково, например:
Введено с помощью языка разметки
<p>Данный
текст
будет расположен всегда
одинаково
,
как бы вы его
ни ввели.</p>
Отображается на вашей страничке
Данный текст всегда будет расположен одинаково, как бы вы его ни ввели.
Атрибуты:
align - выравнивание
   Значения: left, right, middle, justify.
Есть и другой тег абзаца.
<PRE>...</PRE> - в этом случае браузер сохранит в неприкосновенности все пробелы и Enter'ы.

Итак, ещё одна памятка готова. Надеюсь, она вам как-нибудь поможет =)
PS: обе памятки составлены мной на основе уже изученной информации и поиска по интернету.

0

4

  • Автор: Administrator
  • Администратор
  • Administrator
  • Зарегистрирован: Sat:22,September,2007
  • Приглашений: 0
  • Сообщений: 574
  • Уважение: [+11/-0]
  • Позитив: [+28/-0]
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    Sun:07,September,2008 23:58:03

Murmuno +1 за постоянность в твоей рубрике,и просто спасибо)

0

5

  • Автор: Rembo
  • Модератор
  • Rembo
  • Зарегистрирован: Thu:15,November,2007
  • Приглашений: 0
  • Сообщений: 33
  • Уважение: [+2/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Провел на форуме:
    2 дня 10 часов
  • Последний визит:
    Wed:11,June,2008 20:16:19

Дескрипторы и атрибуты HTML 4.01

Дескрипторы структуры HTML-документа

<!DOCTYPE> - информация о типе документа
<HTML> - признак HTML-документа
<HEAD> - заголовок документа
<TITLE> - заглавие, выводимое в окне браузера

<BASE> - полный базовый URL путь документа
<BASE HREF="www.myserver.ru/name/">

<LINK> - логическая связь документов:
Атрибут REL - определяет связь текущего документа с другим (next,previous,index,home,help)
Атрибут REV - определяет связь другого документа с текущем (author,editor,publisher,owner)
<LINK REL="contents" HREF="../toc.html">
<LINK HREF="mailto:name@mail.ru" REV="made">

<META> - дополнительная информация к документу
<META HTTP-EQUIV=refresh CONTENT=60 URL="www.myserver.ru/index.html">
<META NAME=author CONTENT="Стригина Елена Владимировна">
<META NAME=description CONTENT="Описание документа">
<META NAME=keywords CONTENT="Ключевые слова через запятую">

<STYLE> - информация о свойствах внедренных стилей

<SCRIPT> - сценарий JavaScript
Атрибут SRC=URL – ссылка на файл .js

<BODY> - тело документа
Атрибут ALINK - цвет активной ссылки
Атрибут LINK - цвет непосещенной ссылки
Атрибут VLINK - цвет посещенной ссылки
Атрибут BACKGROUND - URL фонового изображения
Атрибут BOTTOMMARGIN - граница в пикселах нижнего поля документа
Атрибут LEFTMARGIN - граница в пикселах левого поля документа
Атрибут RIGHTMARGIN - граница в пикселах правого поля документа
Атрибут TOPMARGIN - граница в пикселах верхнего поля документа
Атрибут BGCOLOR - цвет фона
Атрибут TEXT - цвет текста
Атрибут SCROLL - наличие полосы прокрутки
Атрибут BGPROPERTIES=fixed - фон не прокручивается

Дескрипторы разметки текста (логическое форматирование)

<ABBR> - АБРЕВИАТУРА
<ACRONYM> - Слова состоящие из аббревиатур
<CITE> - Цитата
<CODE> - Код программы
<DEL> -  Новый Текст
<DFN> - Определение
<INS> - Вставка текста
<EM> - выделенное слово
<KBD> - Текст, введенный с клавиатуры
<Q> - короткая цитата
<SAMP> - образец
<STRONG> - выделенный текст
<VAR> - значение переменной

Дескрипторы разметки текста (физическое форматирование)

<B> - жирный текст
<I> - текст курсивом
<TT> - моноширинный текст
<U> - подчеркнутый текст
<S> или <STRIKE> - перечеркнутый текст
<BIG> - текст большого размера
<SMALL> - текст меньшего размера
<SUB> - eнижний индекс
<SUP> - eверхний индекс
<FONT SIZE=размер FACE=шрифт COLOR=цвет> -
Текст Comic увеличенный красный
<BASEFONT> - базовый шрифт для страницы (в BODY и в HEAD)

Дескрипторы структурирования контента

<P> - определяет абзац текста
Атрибут ALIGN = LEFT | RIGHT | CENTER | JUSTIFY

<BR> - перевод строки
<NOBR> - строка БЕЗ перевода строки
<WBR> - "мягкий" перевод строки

<H1> -
Заголовок первого уровня
<H2> -
Заголовок второго уровня
<H3> -
Заголовок третьего уровня
<H4> -
Заголовок четвертого уровня
<H5> -
Заголовок пятого уровня
<H6> -
Заголовок шестого уровня
Атрибут ALIGN = LEFT | RIGHT | CENTER | JUSTIFY

<HR> - горизонтальная линия
Атрибут ALIGN = LEFT | RIGHT | CENTER
Атрибут WIDTH - длина в пикселах или процентах
Атрибут SIZE - толщина в пикселах
Атрибут COLOR - цвет линии
Атрибут NOSHADE - отмена рельефности

<PRE> -
э т о   п р е ф о р м а т и р о в а н н ы й   т е к с т

<DIV> -
Слой (блочный)
Атрибут ALIGN = LEFT | RIGHT | CENTER | JUSTIFY

<SPAN> -
Фрагмент (строчный)
Атрибут ALIGN = LEFT | RIGHT | CENTER | JUSTIFY

<BLOCKQUOTE> -
Текст является цитатой, он отображается с отступами сверху, снизу и справа.

<ADDRESS> -
Указывает адрес автора для связи с ним

Списки
Маркированный список

<UL>
<LI>Пункт
<LI>Пункт
<LI>Пункт
<LI>Пункт
</UL>
Атрибут TYPE = disc | circle | square
Атрибут SRC="URL графического маркера"

Нумерованный список

<OL>
<LI>Пункт
<LI>Пункт
<LI>Пункт
<LI>Пункт
</OL>
Атрибут TYPE = A | a | I | i | 1
Атрибут START="начало отсчета"
Атрибут VALUE="задание значения"

Cписок определений

<DL>
<DT>Определение
<DD>Значение

<DT>Определение
<DD>Значение
</DL>

Вложенные списки

<UL>
<LI>Пункт
    <OL>
    <LI>Подпункт
    <LI>Подпункт
    <LI>Подпункт
    </OL>
<LI>Пункт
    <OL>
    <LI>Подпункт
    <LI>Подпункт
    <LI>Подпункт
    </OL>
</UL>

Дескрипторы ссылок

Ссылки на документы и сервера:
<A HREF=http://URL>Текст - указатель ссылки</A>
Внутренние ссылки:
<A HREF="#name">Переход на name</A>
<A NAME=name></A>
Ссылка на E-mail:
<A HREF="mailto:name@server">Связь с разработчиком</A>

Дескрипторы таблиц

<TABLE>
<caption>…</caption>
<TR>
    <TH>Заголовок строки</TH>
    <TD>Строка1 Ячейка1</TD>
    <TD>Строка1 Ячейка2</TD>
</TR>
<TR>
    <TH>Заголовок строки</TH>
    <TD>Строка2 Ячейка 1</TD>
    <TD>Строка2 Ячейка 2</TD>
</TR>
</TABLE>

Заголовок таблицы <CAPTION> с атрибутами ALIGN=LEFT|RIGHT|CENTER|BOTTOM и VALIGN=TOP|BOTTOM
Заголовок строки Строка1 Ячейка1 Строка1 Ячейка2
Заголовок строки Строка2 Ячейка 1 Строка2 Ячейка 2

Атрибуты таблицы:

BORDER - размер рамки
CELLSPACING - расстояние между ячейками
CELLPADDING - отступ между рамкой и содержимым ячейки
WIDTH - ширина таблицы
HEIGHT - высота таблицы
ALIGN - выравнивание содержимого
BGCOLOR - цвет фона таблицы
BACKGROUND - рисунок как фон таблицы

Дескрипторы структурирования таблицы:

<TR> - ОРГАНИЗАЦИЯ строки
<TD> - организация ячейки
<TH> - организация выделений ячеек (заголовков)
<THEAD> - ячейки заголовка страницы
<TBODY> - ячейки содержимого страницы
<TFOOT> - ячейки итоговой строки страницы

Атрибуты строк(TR), заголовков(TH) и ячеек(TD):

CELLSPACING - расстояние между ячейками
CELLPADDING - отступ между рамкой и содержимым ячейки
WIDTH - ширина ячейки
HEIGHT - высота ячейки
ALIGN и VALIGN- выравнивание содержимого ячейки
BGCOLOR - цвет фона ячейки
BACKGROUND - рисунок как фон ячейки

Слияние ячеек:

<TABLE>
<TR>
    <TH>Заголовок строки</TH>
    <TD COLSPAN=2>Ячейка в два столбца</TD>
</TR>
<TR>
    <TH>Заголовок строки</TH>
    <TD>Строка2 Ячейка 1</TD>
    <TD ROWSPAN=2>Ячейка в две строки</TD>
</TR>
<TR>
    <TH>Заголовок строки</TH>
    <TD>Строка3 Ячейка 1</TD>
</TR>
</TABLE>

Заголовок строки Ячейка в два столбца
Заголовок строки Ячейка в две строки
Заголовок строки   

Дескрипторы организации столбцов:

<COL> - оформление одного столбца (одиночный)
<COLGROUP> - оформление группы столбцов

Атрибуты TABLE для рамки:

Атрибут FRAME (прорисовка внешних границ таблицы):
BOX или BORDER - рамка рисуется со всех четырех сторон
ABOVE - только с верхней стороны
BELOW - только с нижней стороны
HSIDES - рисуется нижняя и верхняя сторона
VSIDES - рисуется левая и правая сторона
LHS - только с левой стороны
RHS - только с правой стороны
VOID - таблица БЕЗ внешних рамок

Атрибут RULES (прорисовка внутренних границ таблицы):
ALL – рисуются все внутренние рамки
GROUPS - рисуются только линии, разделяющие группы
ROWS - рисуются линии, разделяющие строки
COLS - рисуются линии, разделяющие столбцы
NONE -внутренние линии не рисуются

Дескрипторы форм

<FORM> - располагает на странице форму:
Атрибут action="URL" указывает обработчик данных на сервере
Атрибут method=get/post указывает метод отправки данных на сервер

<INPUT> - (одиночный) формирует элементы управления разных типов в зависимости от значения атрибута TYPE:
Атрибут TYPE=TEXT - поле для ввода текста
TYPE=PASSWORD –поле для ввода пароля (с отображением *)
TYPE=FILE - элемент для выбора файла
TYPE=CHECKBOX –флажок
TYPE=RADIO –радиокнопка
TYPE=BUTTON –кнопка произвольного назначения
TYPE=IMAGE –кнопка - изображение
TYPE=SUBMIT - кнопка отсылки формы
TYPE=HIDDEN - скрытое поле формы
TYPE=RESET - кнопка сброса (очистки) формы
Атрибут NAME – имя элемента, необходимое при отправке данных на сервер (переключатели в одной группе имею одно и то же имя)
Атрибут VALUE – значение элементов (по умолчанию – запись в текстовом поле и надпись на кнопке, передается на сервер в паре NAME и VALUE)
Атрибут SIZE – размер элемента в символах для TEXT и PASSWORD и в пикселах – для остальных
Атрибут MAXLENGTH – максимальная длина строки, которая может быть передана на сервер
Атрибут TABINDEX – определяет порядок перемещения по элементам ввода
Атрибут READONLY – не позволяет изменять содержимое для элементов TEXT и PASSWORD
Атрибут CHECKED – установка по умолчанию (для флажков и переключателей)
Атрибут SRC=URL - адрес изображения для изображения - кнопки

Раскрывающийся список
<SELECT>
<OPTION>
…
<OPTION>
</SELECT>
Располагает на странице список для выбора элемента списка. Элемент списка создается дескриптором <OPTION>. На сервер передается имя списка вместе со значением выбранной строки.
Атрибут NAME – обязательный, определяет имя элемента, передаваемое на сервер
Атрибут SIZE – определяет количество видимых строк списка
Атрибут MULTIPLE – позволяет выбрать более одного элемента списка
Атрибут VALUE – для элемента <OPTION> - значение, передаваемое на сервер
Атрибут SELECTED – задает выбранный элемент по умолчанию

Многострочный текст
<TEXTAREA> - используется для ввода многострочного текста
Атрибут NAME - имя элемента, необходимое при отправке данных на сервер
Атрибут ROWS – определяет число строк текста на экране
Атрибут COLS – определяет число символов в каждой строке (ширину поля ввода)
Связывание элементов формы

<LABLE> - создает надпись на экране, привязанную к элементу формы
Атрибут FOR – определяет имя элемента, к которому привязывается надпись
<LEGEND> - организовывает подпись к группе

Дескрипторы фреймов

<FRAMESET> - задает разбиение основного окна на панели

Атрибут COLS - задает число вертикальных панелей
Атритбут ROWS - задает число горизонтальных панелей
Значения указываются либо в процентах, либо в пикселах

<FRAME> - служит для описания отдельных панелей и выбора документов, который загружается в эту панель
Атрибут SRC=URL – источник загружаемой страницы
Атрибут NAME – задает имя фрейма для переходов между фреймами
Атрибут SCROLLING=yes|no|auto – задает или отменяет полосу прокрутки
Атрибут NORESIZE – указывает на невозможность изменения размеров фрейма
Атрибут FRAMEBORDER=0|1 – задает отсутствие или наличие рамки

<NOFRAME> - служит для альтернативного изображения фрейма
Дескрипторы изображений

<IMG> - служит для вставки графического изображения (одиночный)

Атрибут SRC="URL" – источник загружаемого изображения
Атрибут ALT – поясняющий текст
Атрибут HEIGHT – задает высоту изображения в пикселах или процентах
Атрибут WIDTH - задает ширину изображения в пикселах или процентах
Атрибут BORDER – задает ширину рамки
Атрибуты HSPACE и VSPACE – задают поля по горизонтали и по вертикали
Атрибут ALIGN=top|middle|left|right|bottom – задает расположение изображения относительно текущей строки

Карта - изображение

<MAP> - служит для задания карты – изображения
Атрибут NAME – задает имя элемента <MAP>
<AREA> - содержит описание активных областей

Атрибут SHAPE=rect|circle|poly – задает форму активной области
Атрибут COORDS – задает координаты областей (для прямоугольника – координаты х и у верхнего левого угла и через запятую – нижнего правого, для окружности – х и у центра и радиус, для многоугольника – необходимое число пар точек)
Атрибут HREF="URL" – задает URL связанного документа
Атрибут ALT – задает альтернативный текст

Мультимедийные дескрипторы

<OBJECT> - подключает объект

Атрибут CLASSID – определяет URL файла для создания объекта
Атрибут WIDTH – определяет ширину поля в пикселах, в котором будет отображаться объект
Атрибут HEIGHT – аналогично задает высоту поля
Атрибут ALIGN=top|middle|bottom|left|right – показывает, где объект располагается на странице и как его обтекает текст
Атрибуты HSPACE и VSPACE – задают поля по горизонтали и по вертикали
Атрибут BORDER – задает ширину рамки

<EMBED> - аналог <OBJECT> - (не входит в стандарт  HTML,но поддерживается ведущими браузерами)

Атрибут SRC="URL" – задает URL, по которому хранится объект
Атрибуты аналогичны атрибутам <OBJECT>

<PARAM> - описывает дополнительные значения, не входящие в атрибуты <OBJECT>

Атрибут NAME – определяет имя атрибута, который передается объекту
Атрибут VALUE - определяет значение атрибута, который передается объекту
Атрибут VALUETYPE=data|ref|object – задает тип передаваемого атрибута
VALUE
Если что не понятно будет, спрашивайте, постараюсь пояснить...

0

6

  • Автор: murmuno
  • Модератор
  • murmuno
  • Зарегистрирован: Fri:28,September,2007
  • Приглашений: 0
  • Сообщений: 55
  • Уважение: [+2/-0]
  • Позитив: [+6/-0]
  • Пол: Женский
  • Возраст: 30 [1993-08-30]
  • Провел на форуме:
    8 часов 12 минут
  • Последний визит:
    Sat:08,March,2008 15:20:16

Интересно, а фреймы были? Кажется, нет. Ну, ладно, значит начнём.

Фрейм - это несколько разделов в окне браузера. Каждый фрейм - отдельная web-страничка, и её надо оформлять отдельно, в самом фрейме указывая лишь ссылку на оную. В одном окне может быть сколько угодно фреймов.
Для чего удобно использовать: для отображения меню, шапки и других атрибутов хорошего дизайна, когда сложно использовать табличное построение сайта.
В html-код главной страницы с фреймами вставляется информация о расположении фреймов и местоположении страниц для каждого из фреймов. Никакие тексты и картинки в коде главной странички, где расположены фреймы, не указываются. Важно помнить, что коды фреймов ставятся не в контейнер BODY, а вместо него.

Данный контейнер оформляется так:

<frameset 1="2">
<frame src="3" name="4">
<frame src="3" name="4">
</frameset>

Сноски:
1) Вместо циферки указываем cols/rows - деление вертикально или горизонтально, соответсвенно.
2) Ширина/всота фрейма. Можно указать просто цифрой, тогда это будет постоянный размер, например, 200 пикселей. Если после цифры поставить знак процента (%), то размер, естественно, будет указан в процентах. Оформление:
200,* - первый столбец (пусть будет столбец) 200 пикселей, второй займёт оставшееся пространство.
20%,30%,50% - 20, 30 и 50 процентов, соответственно.
3) Ссылка на страничку.
4) Имя фрейма. Поверьте, оно понадобится (хотя бы для того, чтобы не запутаться, а другая его роль будет указана потом).

Атрибуты контейнера FRAMESET:
border
Толщина границы между фреймами.
bordercolor
Цвет линии границы.
cols
Устанавливает ширину или пропорции фреймов в виде колонок.
frameborder
Определяет, отображать рамку вокруг фрейма или нет.
framespacing
Аналог параметра border, задает ширину границы.
rows
Задает размер или пропорции фреймов в виде строк.

Атрибуты контейнера FRAME:
bordercolor
Цвет линии границы.
frameborder
Отображать рамку вокруг фрейма или нет.
name
Задает уникальное имя фрейма.
noresize
Определяет, можно изменять размер фрейма пользователю или нет.
scrolling
Способ отображения полосы прокрутки во фрейме.
src
Путь к файлу, предназначенному для загрузки во фрейме.

Ну вот, учитесь =) Всё гениальное - просто =))) Будем надеяться, что урок вам окажется полезен.
P.S.: Кажется я здесь "немного" накуролесила, т. е. написала непонятным слогом, но что ж поделаешь... Будут вопросы, замечания - кидать в личку.

+1

7

  • Автор: Administrator
  • Администратор
  • Administrator
  • Зарегистрирован: Sat:22,September,2007
  • Приглашений: 0
  • Сообщений: 574
  • Уважение: [+11/-0]
  • Позитив: [+28/-0]
  • Провел на форуме:
    6 дней 6 часов
  • Последний визит:
    Sun:07,September,2008 23:58:03

Как это не хвалю? А +1 кто тебе за этот меседж поставил? Как только он появился в этой теме,а не хвалю текстово- стараюсь минимизировать флуд в несоответствующих ему темах... Но ты murmuno Молодец :)

0

Ответить
Страница: 1

Вы здесь » КАПУСТА: почитай,обсуди,отдохни! » HTML » Язык разметки