Помощь - Поиск - Пользователи - Календарь
Полная версия: Html
Форумы HomeNet.kr.ua > Увлечения > В мире науки техники > Программирование
Actepix
Базисные елементы.

Тип документа <HTML></HTML> (начало и конец файла)
Имя документа <TITLE></TITLE> (должно быть в заголовке)
Заголовок <HEAD></HEAD> (описание документа)
Тело <BODY></BODY> (содержимое страницы)



Определение структуры.

Заглавие <H?></H?> (стандарт определяет 6 уровней)
с выравниванием <H? ALIGN=LEFT|CENTER|RIGHT> </H?>
Секция <DIV></DIV>
с выравниванием <DIV ALIGN=LEFT|RIGHT|CENTER> </DIV>
Цитата <BLOCKQUOTE></BLOCKQUOTE> (обычно выделяется отступом)
Выделение <EM></EM> (обычно изображается курсивом)
Дополнительное выделение <STRONG></STRONG> (обычно изображается жирным шрифтом)
Отсылка, цитата <CITE></CITE> (обычно курсив)
Код <CODE></CODE> (для листингов кода)
Пример вывода <SAMP></SAMP>
Ввод с клавиатуры <KBD></KBD>
Переменная <VAR></VAR>
Определение <DFN></DFN> (часто не поддерживается)
Адрес автора <ADDRESS></ADDRESS>
Большой шрифт <BIG></BIG>
Маленький шрифт <SMALL></SMALL>



Внешний вид.

Жирный <B></B>
Курсив <I></I>
Подчеркнутый <U></U> (часто не поддерживается)
Перечеркнутый <STRIKE></STRIKE> (часто не поддерживается)
Перечеркнутый <S></S> (часто не поддерживается)
Верхний индекс <SUP></SUP>
Нижний индекс <SUB></SUB>
Печатная машинка <TT></TT> (изображается как шрифт фиксированой ширины)
Форматированый <PRE></PRE> (сохранить формат текста как есть)
Ширина <PRE WIDTH=?></PRE> (в символах)
Центрировать <CENTER></CENTER> (как текст, так и графика)
Мигающий <BLINK></BLINK> (наиболее осмеянный элемент)
Размер шрифта <FONT SIZE=?></FONT> (от 1 до 7)
Изменить размер шрифта <FONT SIZE="+|-?"></FONT>
Базовый размер шрифта <BASEFONT SIZE=?> (от 1 до 7; по умолчанию 3)
Цвет шрифта <FONT COLOR="#$$$$$$"></FONT>
Выбор шрифта <FONT FACE="***"></FONT>
Многоколоночный текст <MULTICOL COLS=?></MULTICOL>
Пробел между колонками <MULTICOL GUTTER=?></MULTICOL> (по умолчанию 10 точек)
Ширина колонки <MULTICOL WIDTH=?></MULTICOL>
Пустой блок <SPACER>
Тип пустого блока <SPACER TYPE=horizontal|vertical| block>
Величина пустого блока <SPACER SIZE=?>
Размеры пустого блока <SPACER WIDTH=? HEIGHT=?>
Выравнивание <SPACER ALIGN=left|right|center>



Ссылки и графика.

Ссылка <A HREF="URL"></A>
Ссылка на закладку <A HREF="URL#***"></A> (в другом документе)
<A HREF="#***"></A> (в том же документе)
На другое окно <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"> </A>
Определить закладку <A NAME="***"></A>
Отношение <A REL="***"></A> (часто не поддерживается)
Обратное отношение <A REV="***"></A> (часто не поддерживается)
Графика <IMG SRC="URL">
Выравнивание <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT| RIGHT>
Выравнивание <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE| BASELINE|ABSBOTTOM>
Альтернатива <IMG SRC="URL" ALT="***"> (выводится если картинка не изображается)
Карта <IMG SRC="URL" ISMAP> (нужна также программа)
Локальная карта <IMG SRC="URL" USEMAP="URL">
Определение карты <MAP NAME="***"></MAP>
Области карты <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
Размеры <IMG SRC="URL" WIDTH=? HEIGHT=?> (в точках)
Окантовка <IMG SRC="URL" BORDER=?> (в точках)
Отступ <IMG SRC="URL" HSPACE=? VSPACE=?> (в точках)
Заменитель в низком разрешении <IMG SRC="URL" LOWSRC="URL">
Обновить <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Включить об'ект <EMBED SRC="URL"> (вставить об'ект в страницу)
Размер об'екта <EMBED SRC="URL" WIDTH=? HEIGHT=?>



Разделители.

Параграф <P></P> (закрывать элемент часто не обязательно)
Выравнивание <P ALIGN=LEFT|CENTER|RIGHT> </P>
Новая строка <BR> (одиночный перевод строки)
Убрать выравнивание <BR CLEAR=LEFT|RIGHT|ALL>
Горизонтальный разделитель <HR>
Выравнивание <HR ALIGN=LEFT|RIGHT|CENTER>
Толщина <HR SIZE=?> (в точках)
Ширина <HR WIDTH=?> (в точках)
Ширина в процен- тах <HR WIDTH="%"> (в процентах)
Сплошная линия <HR NOSHADE> (без трехмерных эффектов)
Нет разбивки <NOBR></NOBR> (запрещает перевод строки)
Перенос <WBR> (разбить строку)



Списки.

Неупорядоченный <UL><LI></UL> (<LI> перед каждым элементом)
Компактный <UL COMPACT></UL>
Тип метки <UL TYPE=DISC|CIRCLE|SQUARE> (для всего списка)
<LI TYPE=DISC|CIRCLE|SQUARE> (этот и последующие)
Нумерованый <OL><LI></OL> (<LI> перед каждым элементом)
Компактный <OL COMPACT></OL>
Тип нумерации <OL TYPE=A|a|I|i|1> (для всего списка)
<LI TYPE=A|a|I|i|1> (этот и следующие)
Первый номер <OL START=?> (для всего списка)
<LI VALUE=?> (этот и следующие)
Список определений <DL><DT><DD></DL> (<DT>=термин, <DD>= определение)
Компактный <DL COMPACT></DL>
Меню <MENU><LI></MENU> (<LI> перед каждым элементом)
Компактное <MENU COMPACT></MENU>
Каталог <DIR><LI></DIR> (<LI> перед каждым элементом)
Компактный <DIR COMPACT></DIR>



Фон и цвета.

Фоновая картинка <BODY BACKGROUND="URL">
Цвет фона <BODY BGCOLOR="#$$$$$$"> (порядок: красный/ зеленый/ синий)
Цвет текста <BODY TEXT="#$$$$$$">
Цвет ссылки <BODY LINK="#$$$$$$">
Пройденная ссылка <BODY VLINK="#$$$$$$">
Активная ссылка <BODY ALINK="#$$$$$$">



Специальные символы. (обязаны быть в нижнем регистре) Вверх


Специальный символ &#?; (это код ISO 8859-1)
< &lt;
> &gt;
& &amp;
" &quot;
Торговая марка ТМ &reg;
Copyright &copy;
Неразделяющий пробел &nbsp;



Формы.

Определить форму <FORM ACTION="URL" METHOD=GET|POST></FORM>
Посылка файла <FORM ENCTYPE="multipart/form-data"></FORM>
Поле ввода <INPUT TYPE="TEXT|PASSWORD|CHECKBOX| RADIO|IMAGE|HIDDEN|SUBMIT| RESET">
Имя поля <INPUT NAME="***">
Значение поля <INPUT VALUE="***">
Отмечен <INPUT CHECKED> (checkboxes и radio boxes)
Размер поля <INPUT SIZE=?> (в символах)
Максимальная длина <INPUT MAXLENGTH=?> (в символах)
Список вариантов <SELECT></SELECT>
Имя списка <SELECT NAME="***"></SELECT>
Число вариантов <SELECT SIZE=?></SELECT>
Множественний выбор <SELECT MULTIPLE> (можно выбрать больше одного)
Опция <OPTION> (элемент который может быть выбран)
Опция по умолчанию <OPTION SELECTED>
Ввод текста, размер <TEXTAREA ROWS=? COLS=?> </TEXTAREA>
Имя текста <TEXTAREA NAME="***"></TEXTAREA>
Разбивка на строки <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL> </TEXTAREA>



Таблицы.

Определить таблицу <TABLE></TABLE>
Окантовка таблицы <table border=?></TABLE>
Расстояние между ячейками <TABLE CELLSPACING=?>
Дополнение ячеек <TABLE CELLPADDING=?>
Желаемая ширина <TABLE WIDTH=?> (в точках)
Ширина в процентах <TABLE WIDTH="%"> (проценты от ширины страницы)
Строка таблицы <TR></TR>
Выравнивание <TR ALIGN=LEFT|RIGHT| CENTER| MIDDLE|BOTTOM>
Ячейка таблицы <TD></TD> (должна быть внутри строки)
Выравнивание <TD ALIGN=LEFT|RIGHT|CENTER| MIDDLE|BOTTOM>
Без перевода строки <TD NOWRAP>
Растягивание по колонке <TD COLSPAN=?>
Растягивание по строке <TD ROWSPAN=?>
Желаемая ширина <TD WIDTH=?> (в точках)
Ширина в процентах <TD WIDTH="%"> (проценты от ширины страницы)
Цвет ячейки <TD BGCOLOR="#$$$$$$">
Заголовок таблицы <TH></TH> (как данные, но жирный шрифт и центровка)
Выравнивание <TH ALIGN=LEFT|RIGHT|CENTER| MIDDLE|BOTTOM>
Без перевода строки <TH NOWRAP>
Растягивание по колонке <TH COLSPAN=?>
Растягивание по строке <TH ROWSPAN=?>
Желаемая ширина <TH WIDTH=?> (в точках)
Ширина в процентах <TH WIDTH="%"> (проценты ширины таблицы)
Цвет ячейки <TH BGCOLOR="#$$$$$$">
Заглавие таблицы <CAPTION></CAPTION>
Выравнивание <CAPTION ALIGN=TOP|BOTTOM> (сверху/снизу таблицы)



Фреймы.

Документ с фреймами <FRAMESET></FRAMESET> (вместо <BODY>)
Высота строк <FRAMESET ROWS=,,,></FRAMESET> (точки или %)
Высота строк <FRAMESET ROWS=*></FRAMESET> (* = относительный размер)
Ширина колонок <FRAMESET COLS=,,,></FRAMESET> (точки или %)
Ширина колонок <FRAMESET COLS=*></FRAMESET> (* = относительный размер)
Ширина окантовки <FRAMESET BORDER=?>
Окантовка <FRAMESET FRAMEBORDER="yes|no">
Цвет окантовки <FRAMESET BORDERCOLOR="#$$$$$$">
Определить фрейм <FRAME> (содержание отдельного фрейма)
Документ <FRAME SRC="URL">
Имя фрейма <FRAME NAME="***"|_blank|_self| _parent|_top>
Ширина границы <FRAME MARGINWIDTH=?> (правая и левая границы)
Высота границы <FRAME MARGINHEIGHT=?> (верхняя и нижняя границы)
Скроллинг? <FRAME SCROLLING="YES|NO|AUTO">
Постоянный размер <FRAME NORESIZE>
Окантовка <FRAME FRAMEBORDER="yes|no">
Цвет окантовки <FRAME BORDERCOLOR="#$$$$$$">
Содержание без фреймов <NOFRAMES></NOFRAMES> (для просмотрщиков не поддерживающих фреймы)



Язык JAVA.

Applet <APPLET></APPLET>
Applet - имя файла <APPLET CODE="***">
Параметры <APPLET PARAM NAME="***">
Applet - адрес <APPLET CODEBASE="URL">
Applet - имя <APPLET NAME="***"> (для ссылок из других частей страницы)
Альтернативный текст <APPLET ALT="***"> (для программ не поддерживающих Java)
Выравнивание <APPLET ALIGN="LEFT|RIGHT|CENTER">
Размеры <APPLET WIDTH=? HEIGHT=?> (в точках)
Отступ <APPLET HSPACE=? VSPACE=?> (в точках)



Разное.

Комментарий <!-- *** --> (игнорируется просмотрщиком)
Пролог HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Поиск <ISINDEX> (означает начальную точку поиска)
Приглашение <ISINDEX PROMPT="***"> (текст приглашения для поля ввода)
Запустить поиск <A HREF="URL?***"></a> (используйте действительно знак вопроса)
URL этого файла <BASE HREF="URL"> (должно быть в заголовке)
Имя базового окна <BASE TARGET="***"> (должно быть в заголовке)
Отношение <LINK REV="***" REL="***" HREF="URL"> (должно быть в заголовке)
Метаинформация <META> (должно быть в заголовке)
Стили <STYLE></STYLE>
Программа <script></SCRIPT>
Actepix
Неподвижный фон.
Вы можете сделать фон своей страницы неподвижным, т.е. прокручивая страницу фон будет оставатся на месте.
<BODY background="Фоновое изображение" bgproperties=fixed>


Зеркальное отображение страницы и прокрутки.
Используя данную конструкцию можно перенести прокрутку на левую сторону, а содержимое страницы выравнить по правому краю.
<BODY dir=rtl>


Надпись в статусной строке
Следующим параметром можно задать текст, котый будет отображен в статустной строке.
<BODY OnLoad="window.defaultStatus='Этот текст будет отображатся в строке состояния'">


Задание параметров <BODY> в стиле.
Данный код будет интересен Web-дизайнерам, применяющим стили. Он размещает на странице фоновое изображение в единственном числе, которое расположено в 13 пикселях от верхнего и в 13 пикселях от правого края и при прокрутки документа остается неподвижным. Если на странице будут находиться таблицы, при прокрутки они будут закрывать фоновое изображение.
<STYLE TYPE="text/css"><!--
BODY { background: url("Фоновое изображение");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 13px 13px;
background-color: #FFFF00 }
--></STYLE>

Параметры:
background: url("Фоновое изображение"); - определяет фоновое изображение, например, Fon.gif.
background-attachment: fixed; - определяет неподвижность фонового изображения при прокрутки страницы.
background-repeat: no-repeat; - данный параметр запрещает размножать изображение, убрав его, изображение будет размножено по всей странице. background-position: 13px 13px; - определяет позицию фонового изображения: от верхнего края и от левого края.
background-color: #FFFF00; - определяет цвет фона всего документа в шестнадцатиричном виде (как в примере) или названиями цветов - Red, Green и т.д.

DEFF
а я вот одного не понял, я сделал уже свой САЙТ но не могу его запустить в И-нет (((
помогите или подскажите что надо сделать ?!?!?! плз happy.gif
***AnDrU}{@***
ЦИТАТА(DEFF @ 5.02.2007 - 19:39 pm) *
а я вот одного не понял, я Зделал уже свой САЙТ но не могу его запустить в И-нет (((
помогите или подскажыте что надо зделать ?!?!?! плз happy.gif

Надо приобрести домен и хостинг. или зарегистрироваться на народ.ру или где-то на бесплатном...
Kent
ЦИТАТА(DEFF @ 5.02.2007 - 20:39 pm) *
а я вот одного не понял, я Зделал уже свой САЙТ но не могу его запустить в И-нет (((
помогите или подскажыте что надо зделать ?!?!?! плз happy.gif

Я продаю место на сервере... тоесть твой адресс будит http://имя_сайта.allinfo.org.ua
Подробней в дц.
Actepix
гы, а я просто так отдаю... только врятли тебе мой домен понравится)))
bomfunkY
Прикольно.. спосибо.. оч мне помог, а еще бы ты не смог чегото выложить ?
Gavrik
проблемка...
вот если ты уже в блокноте написал свой сайтик....как его просмотреть, ну как посотреть что получилось(фон и т.п.) ..
а то я в етом нолЬ
Заранее спасибо...
Ok!
Щелкни мышкой на этом *.htm файле. он в браузере и откроется. smile.gif
Dilerium
ЦИТАТА(Gavrik @ 5.03.2007 - 19:49 pm) *
проблемка...
вот если ты уже в блокноте написал свой сайтик....как его просмотреть, ну как посотреть что получилось(фон и т.п.) ..
а то я в етом нолЬ
Заранее спасибо...

Сохраняеш блокнот с расширением .html, к примеру index.html
Vovik_
ЦИТАТА(Gavrik @ 5.03.2007 - 21:49 pm) *
проблемка...
вот если ты уже в блокноте написал свой сайтик....как его просмотреть, ну как посотреть что получилось(фон и т.п.) ..
а то я в етом нолЬ
Заранее спасибо...

Пользуйся Microsoft FrontPage, он позволяет редактировать страницы и тут же их просматривать.
Kent
ЦИТАТА(Vovik_ @ 12.03.2007 - 23:15 pm) *
Пользуйся Microsoft FrontPage, он позволяет редактировать страницы и тут же их просматривать.

Он сильно много мусора в коде оставляет...
Vovik_
ЦИТАТА(Kent @ 14.03.2007 - 17:02 pm) *
Он сильно много мусора в коде оставляет...

Не спорю. Для профессионального редактирования он не подходит. Для новичков - лучшее решение.
Dyavolica
лучше сразу с Вьювера начинать.
NAVIGATOR
Юзаю PHP Edit и Macromedia DreamWeaver. Никакого мусора в скриптах и сразу же идёт просмотр через браузеры.
NAVIGATOR
Люди, помогите с вопросами!
1) Если переименовать с html в php, то в начале кода обязательно менять <html> на <php>??? (в Народе на хтмл банеры, поэтому делаю пхп).
2) Как сделать видимые контуры таблицы, плюс с контурами заданой мной текстуры? (если такое возможно)
3) Каким хостингом пользуетесь?

Заранее благодарен!
BOSS
ЦИТАТА(NAVIGATOR @ 12.11.2007 - 14:16 pm) *
3) Каким хостингом пользуетесь?

Arthost.ru
VinT
Ту Нави: Возможно есть такая функция как "BORDERCOLOR", попробуй.
----
Кто знает, отпишитесь плииииз excl.gif
ЦИТАТА
Ввод с клавиатуры <KBD></KBD>
У меня отобразился текст и всё sad.gif что означает ввод с клавиатуры тогда?
ЦИТАТА
Мигающий <BLINK></BLINK>
Текст ни к каким ефекта не поддавался...
ЦИТАТА
Отношение <A REL="***"></A>
Что это за отношение?
ЦИТАТА
<EMBED SRC="URL">
Тоже непонятно.
ЦИТАТА
Формы
Что писать что бы оно заполянло в блокнот или в память, текст введённый в форму?
Actepix
1) HTML и PHP назные коды, мення разширеие файла ты не миняешь его значение, т.е если в начале файла у тебя стоит <html> то если ты смениш разширение то посути у тебя остеться тотже html. Прийдеться менять весь код, хотя я в html вставлял иногда. Если хочешь вставить в хтмл пхп код то попробуй через <script></script>.
2) есть в этой теме
3) domen.com.ua Пакет Н 1y.e + domen 10y.e\год.
NAVIGATOR
Спасибо вам smile.gif
1) 2Астерикс : плюс с контурами заданой мной текстуры
мне это нужно... бордер я знаю)
2) Как в css сделать, что бы при наведении фон текста менялся? (кто шарит в цсс)
3) Насчет ПХП и ХТМЛ - на сервере просмотр нормальный, но на кампе у меня браузер хочет качать пхп-файл, а не смотреть(((
Kent
насчет хостинга, я пользуюсь freehost.com.ua

3) В апатче настрой правельно файл конфига, а еще лучше поставь настроеный джентельменский набор (apache, php, mysql) ...
bomfunkY
Хостинг кировограда - http://www.delalink.net/
NAVIGATOR
Астерикс, я не прохаваный в Гипертекстленгуедже))) знаю лишь основы. Можешь немного помочь?
1) Что такое фреймы? rolleyes.gif
2) Вот немного полистал тему и вспомнил... www.rammstein.com - Как так можна сделать, что бы двигалась только таблица с текстом (круто сделали)? То что ты писал во втором посте темы- не совсем подходит(((

Заранее благодарен!
Actepix
Есть много фреймов, но в основном этот код используеться для накрутки счетчиков, тоесть невидемому просмотру файлов, например если я у тебя в индексной странице пропишу <frame><a href="moy_sayt.com"</a></frame> то трафик с твоего сайта будет идти и мне, даже ты етого и знаеть не будеш.
Kent
ЦИТАТА(bomfunkY @ 13.11.2007 - 12:58 pm) *
Хостинг кировограда - http://www.delalink.net/



не советую smile.gif
Actepix
ага, я тоже глянул, шарашкина контора. Даже неуказана валюта за которую можно купить услуги. Узнал только после письма админу что домены стоят в гривнах, а хостинг в у.е. тем более знаю уйму сайтов где кировоградский домен можно купить за цену куда дешевле 40 грн.
NAVIGATOR
ребята, нужна помощь по ссылкам.

есть например папка c:/1/2/ (папка 2) в ней есть страница 001.html (c:/1/2/001.html). Каталог сайта - 1 ... Как мне указать с этой страници ссылку на картинку (001.jpg), которая при этом находится в папке 1, так, что бы не указывать полный адрес (может я перенесу папку 1).
Mike
делать относительный, а не абсолютный путь к файлам
Actepix
<a href"'/1/001.jpg">Рисунок</a>
NAVIGATOR
Астерикс, спасибо! good.gif
Ребята, еще вопрос для шарющих в html и css. Как сделать, что бы при наведении на ячейку (<div> или <td>) фон менял цвет? OnMouseOver пробовал... Рисунок я знаю как сделать (при наведении), а простой бгграунд- нет(((
Помогите! sad.gif
ЗЫ. Желательно сделать клас в css с такими свойствами)
bomfunkY
Нави, сорь что так поздно, но может тебе еще нужно. Давно не заходил сюда)

Между <head> </head>:

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<Style>
A:Link{ Color: #000000; Text-decoration: underline}
A:Visited{ Color: #000000; Text-decoration: underline}
A:Hover{ Color: #000000; Text-decoration: none}
td, body {font-family: verdana, arial, helvetica; font-size:11px;}
</Style>


<script LANGUAGE="JavaScript">

<!-- Begin
function doColor(item, color, bg) {
item.style.color = color; // Изменяет цвет текста
item.style.backgroundColor = bg; // изменяет фон
}


function undoColor(item) {
item.style.color = "#000000"; // изменяет фон на чёрный
item.style.backgroundColor = ""; // учстанавливает цвет по умолчанию
}
// End -->
</script>

Вот это в Бодях (<body> </body>):


<a name="HomeNet" href="
http://homenet.kr.ua" onmouseover="doColor(HomeNet, 'yellow','black');" onmouseout="undoColor(HomeNet);">HomeNet</a>
<p>
<a name="HomeNet2" href="
http://homenet.kr.ua" onmouseover="doColor(HomeNet2, 'blue','red');" onmouseout="undoColor(HomeNet2);">HomeNet</a>

smile.gif





NAVIGATOR
css рулит))) я уже разобрался... спасибо Бомфанки)))
Actepix
Друзья вебмастера, нужна ваша помощ. Есть сайт, есть гиф анимация, но она проигрываеться не так как мне хотелось. Как кодом поставить задержку на воспроизведение, чтобы смена кадров была с большим интервалом. Такой код есть, 100% когдато очень давно я делал такое, но уже не помню этого кода. Может кто что подскажет?!
Mike
проще открыть ImageReady, открыть файл, выделить все кадры, поставить нужную задержку, сохранить файл)
Actepix
а если таких анимаций 100.. это не выход, проще кодом
bomfunkY
красивый текст с помощью html smile.gif

<FONT style="FONT-SIZE: 19pt; FILTER: Glow(strength=3,color=#FF0041); COLOR: white; HEIGHT: 0px" face="palatino linotype">ку-ку!</FONT>


Teenager
ну... в принципе... милый обычный шрифт smile.gif
VinT
Класс!
Это "текстовая" версия, возможен просмотр только основного контента. Для просмотра полной версии этой страницы, пожалуйста нажмите сюда.
Invision Power Board ©