Создание сайта

Теги HTML

Поэтапное создание собственного сайта с нуля


Определения
Обозначение html документа<HTML></HTML>
Определение HTML 3.2<!DOCTYPEHTML PUBLIC "/W3C//DTD HTML 3.2//EN">
Заголовок<HEAD></HEAD>
Имя документа <TITLE></TITLE>
Тело (содержимое страницы)<BODY></BODY>
URL файла<BASE HREF="URL">
Имя базового окна <BASE TARGET=" *">
Метаинформация <META>


Форматирование текста
Форматированый <PRE></PRE>
Жирный текст<B></B>
Курсив <I></I>
Высота заголовка<H?></H?>(от 1 до 6)
Размер шрифта<FONT SIZE=?></FONT>(от 1 до 7)
Изменение размера шрифта<FONT SIZE="+,-?"></FONT>
Цвет шрифта<FONT COLOR="#цвет"></FONT>
Выбор шрифта<FONT FACE="*"></FONT>
Базовый размер шрифта <BASEFONT SIZE=?>(от 1 до 7)
Верхний индекс(пример 500)<SUP></SUP> Запись 5<SUP>00</SUP>
Нижний индекс(пример H2SO4) <SUB></SUB>
Выделение цитат курсивом <CITE></CITE>
Наклонный текст (выделение)<EM></EM>
Жирный текст (особо сильное выделение<STRONG></STRONG>
Стиль печатной машинки (рекомендованный)<KBD></KBD>
Печатная машинка(нерекомендованный) <TT></TT>
Ширина<PRE WIDTH=?></PRE>
Центрировать<CENTER></CENTER>
Мигающий<BLINK></BLINK>
Многоколоночный текст <MULTICOL COLS=?></MULTICOL>
Пробел между колонками<MULTICOL GUTTER=?></MULTICOL>
Ширина колонки<MULTICOL WIDTH=?></MULTICOL>
Пустой блок<SPACER>
Стили <STYLE></STYLE>
Создает отступы с обеих сторон текста<BLOCKGUOTE></BLOCKGUOTE>


Ссылки
Ссылка на другой сайт<A HREF="имя"></A>
Ссылка на другую страницу<A HREF="имя"></A>
На другое окно<A HREF="имя" TARGET=" *| |_blank|_self|_parent|_top"> </A>
Определить закладку<A NAME=" *"></A>


Графика
Вставка изображения <IMG SRC="имя изображения">
Выравнивание по горизонтали < img src="имя" align=top|bottom|middle|left|right>
Выравнивание по вертикали<IMG SRC="имя" ALIGN=TEXTTOP|ABSMIDDLE| BASELINE ABSBOTTOM>
Текст при наведении на картинку<IMG SRC="имя" ALT="текст">
Локальная карта <IMG SRC="имя" USEMAP="URL">
Определение карты <MAP NAME=" *"></MAP>
Области карты <AREA SHAPE="RECT"COORDS=",,," HREF="URL"|NOHREF>
Размеры <IMG SRC="имя" WIDTH=? HEIGHT=?>(в точках)
Рамка <IMG SRC="имя" BORDER=?>(в точках)
Отступ <IMG SRC="имя" HSPACE=? VSPACE=?>(в точках)
Замена в низком разрешении<IMG SRC="имя" LOWSRC="URL">
Обновить <META HTTP-EQUIV="Refresh"CONTENT="?; URL=URL">
Вставка объекта <EMBED SRC="имя">
Размер объекта <EMBED SRC="имя" WIDTH=? HEIGHT=?>
Указывает в каком окне открывать гиперссылку<ATARGET="?">


Разделители
Параграф <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>


Списки
Нумерованый <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=?>
Неупорядоченный <UL><LI></UL>(<LI>(перед каждым элементом)
Компактный <UL COMPACT></UL>
Тип метки<UL TYPE=DISC|CIRCLE|SQUARE>(для всего списка)
Список определений <DL><DT><DD></DL>
Компактный <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="#цвет">


Структура документа
Секция<DIV></DIV>
Переменная<VAR></VAR>
Адрес автора<ADDRESS></ADDRESS>
Большой шрифт<BIG></BIG>
Маленький шрифт<SMALL></SMALL>


Специальные символы
ВидЗаписьНазвание
< &lt;стрелка влево;
> &gt;стрелка вправо;
& &Амперсанд
" quot;Кавычки
&nbsp; Неразрывный пробел
§&sect; Параграф
©&copy;Знак copyright
°&deg;Градус
±&plusmn;Плюс минус


Формы

Определить форму<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 SIZE=?>(в символах)
Список вариантов <SELECT></SELECT>
Имя списка <SELECT NAME=" *"></SELECT>
Число вариантов <SELECT SIZE=?></SELECT>
Множественний выбор<SELECT MULTIPLE>( выбор больше одного)
Опция <OPTION>(элемент который может быть выбран)
Опция по умолчанию <OPTION SELECTED>
Ввод текста, размер <TEXTAREA ROWS=? COLS=?> </TEXTAREA>
Имя текста <TEXTAREA NAME=" *"></TEXTAREA>
Разбивка на строки<TEXTAREAWRAP=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 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 NORESIZE>
Окантовка <FRAME FRAMEBORDER="yes|no">
Цвет окантовки <FRAME BORDERCOLOR="#цвет">
Запрет изменению размеров фрейма <frame noresize>


Ифреймы
Контейнер содержащий любые элементы<iframe></iframe>
Какой HTML документ будет показан<iframe src="URL">
Указывает имя ифрейма<iframe name="name">
Наружнее поле сверху и снизу от ифрейма<iframe vspase="?">
Наружнее поле сбоков от ифрейма<iframe hspase="?">
Внутренний отступ по левому и правому краям<iframe marginwidth="#">
Внутренний отступ по верхнему и нижнему краям <iframe marginheight="#">
Полоса прокрутки ,значение value "yes","no","auto" <iframe scrolling=VALUE>
Определяет ширину ифрейма<iframe width="#">
Определяет высоту ифрейма<iframe height="#">
Текст всплывающей подсказки <iframe title="?">


Справка
Для сайта







Для создания сайта вам потребуется текстовый редактор.На крайний случай можно воспользоваться Блокнотом из стандартных программ Windows,но лучше сразу скачать текстовый редактор предназначенный для создания сайтов,например Notepad.


У вас на компьютере должны быть установлены основные браузеры Internet Explorer,Opera, Google,Firefox, для обработки графики должен быть установлен графический редактор к примеру бесплатный Photoscape.


Для закачки файлов вашего сайта на хостинг скачайте и установите FTP-клиент,к примеру бесплатный Filezilla.


Также установите простую программу для анимации.

Стоит обратить внимание на безопасность вашего компьютера.Наличие своего сайта предполагает частое пользование почтой на сайте, приходящих писем на ваш почтовый ящик,посещение различных ресурсов в интернете, поэтому антивирусные программы обновляйте постоянно.

Чаще производите чистку и дефрагментацию жестких дисков. Раз в месяц производите проверку и исправление ошибок реестра.





Новые Технологии



Наверх