WWW — b14esh.com

html вводное

P - Point of Peresence POP точка присутствия. называют провайдера. или места подключения к сети интернет
N - точки доступа Network Access Point  места объединений нескольких провайдеров.
DNS - сервер доменных системы имен
F - файловый сервер
w - веб сервер
D - домен

P - Point of Peresence POP точка присутствия. называют провайдера. или места подключения к сети интернет

N - точки доступа Network Access Point места объединений нескольких провайдеров.

DNS - сервер доменных системы имен

F - файловый сервер

w - веб сервер

D - домен

протоколы передачи данных:

ip - internet protocol - маршрутизация
tcp - Transmission Control Protocol  - передача данных (подтверждение доставки)
udp - User Datagram Protocol - передача данных (без подтверждения доставки)
ftp - File Transport Protocol - передача файлов
pop - Post Office Protocol - передача почты
smtp - Simple Mail Transfer Protocol - простой протокол передачи почты
imap - Internet Message Access Protocol - передача почты

ip - internet protocol - маршрутизация

tcp - Transmission Control Protocol - передача данных (подтверждение доставки)

udp - User Datagram Protocol - передача данных (без подтверждения доставки)

ftp - File Transport Protocol - передача файлов

pop - Post Office Protocol - передача почты

smtp - Simple Mail Transfer Protocol - простой протокол передачи почты

imap - Internet Message Access Protocol - передача почты

виды подключений

постоянные - по выделенной линии
сеансовые - коммутированные подключение

1 2	постоянные - по выделенной линии сеансовые - коммутированные подключение

файл и расширение

Имя html файла следует писать строчными латинскими буквами.
Можно использовать цифры, знаки подчеркивания и тире.
расширение: .html  .htm

Имя html файла следует писать строчными латинскими буквами.

Можно использовать цифры, знаки подчеркивания и тире.

расширение: .html .htm

форматы графических файлов

BMP GIF JPEG PCX  PNG

1	BMP GIF JPEG PCX PNG

пиксели и разрешения

Растровая графика это графика представленная в пк множеством точек.и это файлы определенного формата.
Разрешение это количество точек на единицу измерения
dpi количество точек на дюйм
ppi количество пикселей на дюйм 
spi  сканер. количество проб на дюйм.
пиксель -pixel - picture element -  минимальный адресуемый элемент двухмерного  растровая изображения - одна точка изображения

Растровая графика это графика представленная в пк множеством точек.и это файлы определенного формата.

Разрешение это количество точек на единицу измерения

dpi количество точек на дюйм

ppi количество пикселей на дюйм

spi сканер. количество проб на дюйм.

пиксель -pixel - picture element - минимальный адресуемый элемент двухмерного растровая изображения - одна точка изображения

примеры размещения графики на странице

любое фото.  
высота 11см ширина 13см 
скан в  300 dpi цветного и черно белого изображения равен  1304 x 1479 . применяют  печатные издания.
скан в 72 dpi цветного  313 x 355 пример для интернет страниц.

любое фото.

высота 11см ширина 13см

скан в 300 dpi цветного и черно белого изображения равен 1304 x 1479 . применяют печатные издания.

скан в 72 dpi цветного 313 x 355 пример для интернет страниц.

баннер реклама

Баннер небольшой рекламный модуль
468x60 полный горизонтальное баннер
465x60 полный горизонтальное Баннер
234x60 половинной Баннер
125x125 квадратный баннер
120x90  Баннер кнопка
120x60  Баннер кнопка
88x31 микро кнопка баннер
120x240 вертикальный баннер
Существуют оговоренные ограничения на Баннер.  на баннер 465x60  10-15 Кбайт
www.promo.ru энциклопедия рекламы

Баннер небольшой рекламный модуль

468x60 полный горизонтальное баннер

465x60 полный горизонтальное Баннер

234x60 половинной Баннер

125x125 квадратный баннер

120x90 Баннер кнопка

120x60 Баннер кнопка

88x31 микро кнопка баннер

120x240 вертикальный баннер

Существуют оговоренные ограничения на Баннер. на баннер 465x60 10-15 Кбайт

www.promo.ru энциклопедия рекламы

публикация и поиск документов

students.ru
resume.ru
hermitage.ru
Kremlin. ru

students.ru

resume.ru

hermitage.ru

Kremlin. ru

HTML язык тегов \ теги

<тег> открывающий тег
</тег> закрывающий тег
<TITLE> Заголовок документа </TITLE>
Почти все теги парные и  имеют закрывающий тег.
Есть не парные теги но их мало. пример <BR> <AREA>
Есть  тег начало абзаца <P>. он не требует зарывающего тега, но с ним становится понятней.
Язык HTML не чувствителен к регистру. то есть тег <BR> можно записать <br> 
дополнительные пробелы , знаки табуляции  и конца строки игнорируются веб броузером при интерпретации документа.
PRE пробел , табуляция , конец строки /PRE для интерпретации дополнительных пробелов табуляции.
Когда браузер получает документ он по тегам понимает как он должен быть интерпретирован.
<HTML> тело документа </HTML>  самый первый тег документа.   контейнер тегов.
Структура документа разбивается на 2 части  <HEAD>  заголовочная </HEAD> и  <BODY> основная </BODY> 
внутри контейнера <HEAD> контейнер </HEAD>  размещается единственный и обязательный тег  <TITLE> текст заголовка </TITLE>
а тег  <HEAD>  в свою очередь сразу должен идти после тега <HTML> (начала документа).
Тело документа должно находится между тегами <BODY> вот тут все что показываем пользователю </BODY> 
закрывающие теги для  <HEAD> <BODY> <HTML> не обязательны. но для 100% верного отображения рекомендуем.
Если тег написан с ошибкой то программа его игнорирует. 
Теги сами не отображаются, а влияют на отображение документов.

<тег> открывающий тег

</тег> закрывающий тег

<TITLE> Заголовок документа </TITLE>

Почти все теги парные и имеют закрывающий тег.

Есть не парные теги но их мало. пример <BR> <AREA>

Есть тег начало абзаца <P>. он не требует зарывающего тега, но с ним становится понятней.

Язык HTML не чувствителен к регистру. то есть тег <BR> можно записать <br>

дополнительные пробелы , знаки табуляции и конца строки игнорируются веб броузером при интерпретации документа.

PRE пробел , табуляция , конец строки /PRE для интерпретации дополнительных пробелов табуляции.

Когда браузер получает документ он по тегам понимает как он должен быть интерпретирован.

<HTML> тело документа </HTML> самый первый тег документа. контейнер тегов.

Структура документа разбивается на 2 части <HEAD> заголовочная </HEAD> и <BODY> основная </BODY>

внутри контейнера <HEAD> контейнер </HEAD> размещается единственный и обязательный тег <TITLE> текст заголовка </TITLE>

а тег <HEAD> в свою очередь сразу должен идти после тега <HTML> (начала документа).

Тело документа должно находится между тегами <BODY> вот тут все что показываем пользователю </BODY>

закрывающие теги для <HEAD> <BODY> <HTML> не обязательны. но для 100% верного отображения рекомендуем.

Если тег написан с ошибкой то программа его игнорирует.

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

html гипертекстовые ссылки \ a href = url

Гипертекстовые ссылки нужны для более удобного использования страниц и их связывания.
такая ссылка задается тегами <A> тело ссылки </A>
она имеет несколько атрибутов . HREF и NAME обязательны. 
HREF - ссылка за пределы документа 
URL - Uniform Resurce Locator - Унифицированный указатель ресурса
<имя тега значение тега =значение атрибута > полезная нагрузка  </ закрывающий тег>         
<A  HREF="http://www.sitename.ru/../filename.htm>  название ссылки </A>

Гипертекстовые ссылки нужны для более удобного использования страниц и их связывания.

такая ссылка задается тегами <A> тело ссылки </A>

она имеет несколько атрибутов . HREF и NAME обязательны.

HREF - ссылка за пределы документа

URL - Uniform Resurce Locator - Унифицированный указатель ресурса

<имя тега значение тега =значение атрибута > полезная нагрузка </ закрывающий тег>

<A HREF="http://www.sitename.ru/../filename.htm> название ссылки </A>

html якорь \ A NAME =

<A NAME="#имя якоря" > название </A>
NAME ссылка в этом документ якорь

1 2	<A NAME="#имя якоря" > название </A> NAME ссылка в этом документ якорь

html основные правила создания веб страниц

0) ширина 640 пикселей
1) каждая страница должна иметь заголовок
2) не перегружайте страницу графикой
3) попытка визуально выделить все означает не выделить ничего
4) иногда страница сделана так красиво что не понятно чему она посвящена
5) СЛЕДУЕТ НЕ ЗАБЫВАТЬ ЗНАК  РАВЕНСТВА (=) НЕ ДОЛЖЕН БЫТЬ ОКРУЖЁН ПРОБЕЛАМИ

0) ширина 640 пикселей

1) каждая страница должна иметь заголовок

2) не перегружайте страницу графикой

3) попытка визуально выделить все означает не выделить ничего

4) иногда страница сделана так красиво что не понятно чему она посвящена

5) СЛЕДУЕТ НЕ ЗАБЫВАТЬ ЗНАК РАВЕНСТВА (=) НЕ ДОЛЖЕН БЫТЬ ОКРУЖЁН ПРОБЕЛАМИ

html атрибуты тега BODY

1) BACKGRAUND  задает изображение которое заполнит фон документа. gif или jpg
2) <BODY BACKGROUND = " (url) (путь) имя файла" >  
Файл изображения лучше держать в том же месте где и документ. Тогда url и путь указывать не нужно.
3) BGCOLOR задает цвет фона с помощью шестнадцатеричных интесиностией  . RGB ( RED GREEN BLUE ) #ff0000 red 255000000
4) <BODY BGCOLOR="#ff0000">
5) <BODY BGCOLOR="RED">
6) <BODY LINK="цвет"> цвет гипер ссылки
7) <BODY ALINK="цвет"> цвет активной гиперссылки
8) <BODY VLINK="цвет"> задает цвет посещенной гиперссылки
9) <BODY BGPROPERTIES="fixed"  задает запрет прокрутки изображения ( это пока единственное значение которое поддерживают браузеры)
10) <BODY TOPMARGIN="число"> задает верхнею границу страницы в пикселях
11) <BODY BOTTOMMARGIN="число"> задает нижнею границу страницы в пикселях
12) <BODY LEFTMARGIN="число">  задает левую границу страницы в пикселях
13) <BODY RIGHTMARGIN="число"> задает правую границу страницы в пикселях

1) BACKGRAUND задает изображение которое заполнит фон документа. gif или jpg

2) <BODY BACKGROUND = " (url) (путь) имя файла" >

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

3) BGCOLOR задает цвет фона с помощью шестнадцатеричных интесиностией . RGB ( RED GREEN BLUE ) #ff0000 red 255000000

4) <BODY BGCOLOR="#ff0000">

5) <BODY BGCOLOR="RED">

6) <BODY LINK="цвет"> цвет гипер ссылки

7) <BODY ALINK="цвет"> цвет активной гиперссылки

8) <BODY VLINK="цвет"> задает цвет посещенной гиперссылки

9) <BODY BGPROPERTIES="fixed" задает запрет прокрутки изображения ( это пока единственное значение которое поддерживают браузеры)

10) <BODY TOPMARGIN="число"> задает верхнею границу страницы в пикселях

11) <BODY BOTTOMMARGIN="число"> задает нижнею границу страницы в пикселях

12) <BODY LEFTMARGIN="число"> задает левую границу страницы в пикселях

13) <BODY RIGHTMARGIN="число"> задает правую границу страницы в пикселях

html теги для работы с текстом \ H1 \ Заголовок

Всего 6 уровней. 
Самый высокий уровень  H1. 
Самый низкий H6.
<H1> заголовок первого уровня </H1>   
атрибут ALIGN - выполняет горизонтальное выравнивание. 
LEFT (слева) 
RIGHT (с право) 
CENTER (по центру)  
JUSTIFY  (по ширине от левой границы до правой)
<H1 ALIGN=LEFT> заголовок вот такой вот </H1>

Всего 6 уровней.

Самый высокий уровень H1.

Самый низкий H6.

<H1> заголовок первого уровня </H1>

атрибут ALIGN - выполняет горизонтальное выравнивание.

LEFT (слева)

RIGHT (с право)

CENTER (по центру)

JUSTIFY (по ширине от левой границы до правой)

<H1 ALIGN=LEFT> заголовок вот такой вот </H1>

html теги для работы с текстом \ font \ Шрифт

<FONT> этот тег позволяет управлять атрибутами размера и цвета шрифта
атрибут SIZE задает размер шрифта  от 1 до 7.
соответствует пунктам 1=8; 2=10; 3=12; 4=14; 5=18; 6=24; 7=36.
В настоящие время атрибут  SIZE не рекомендован к применению вместо него рекомендуют использовать каскадных листов стилей CSS
<FONT SIZE=+|-  n>
<FONT SIZE=1>  
<FONT SIZE=+1> слово </FONT> 
<FONT COLOR="#ff0000"> текст </FONT> цвет текста
<BASEFONT SIZE=1 COLR="#FF0000>  базовый размер( также от 1 до 7)  и цвет шрифта для все страницы

<FONT> этот тег позволяет управлять атрибутами размера и цвета шрифта

атрибут SIZE задает размер шрифта от 1 до 7.

соответствует пунктам 1=8; 2=10; 3=12; 4=14; 5=18; 6=24; 7=36.

В настоящие время атрибут SIZE не рекомендован к применению вместо него рекомендуют использовать каскадных листов стилей CSS

<FONT SIZE=+1> слово </FONT>

<FONT COLOR="#ff0000"> текст </FONT> цвет текста

<BASEFONT SIZE=1 COLR="#FF0000> базовый размер( также от 1 до 7) и цвет шрифта для все страницы

Цвета:

RGB - red, green, blue.
RRGGBB - 0123456789ABCDEF
ffffff белый цвет
000000 черный цвет
ff0000 красный цвет
00ff00 зеленый цвет
0000ff синий цвет

RGB - red, green, blue.

RRGGBB - 0123456789ABCDEF

ffffff белый цвет

000000 черный цвет

ff0000 красный цвет

00ff00 зеленый цвет

0000ff синий цвет

текст

текст

текст

текст

html абзацы и разрывы строк \ BR \ P \ DIV

<BR> переход на следующую строку.  сообщает браузеру разрыв строки. есть атрибут CLEAR с параметрами LEFT RIGHT ALL NONE(исп по умолчанию)
атрибут CLEAR в настоящие время не рекомендуем к применение
<P> пустая строка. также позволяет разделить текст абзацами.
<P ALIGN=LEFT>  абзац </P>  возможные значения для ALGIN. LEFT (слева) CENTER (по центру) RIGHT (справа) JUSTIF ( относительно лева и права)
Между тегом <P> и </P> может быть только текст и разрыв строки.
<DIV ALGIN=отступ> текст раздела </DIV>  позволяет выделить  в структуре документа несколько разделов
Тег <DIV> блочный элемент. Если закрывающий тег </P>  пропущен, то тег DIV  эффективно его заменит начиная новый абзац
Он может иметь элементы ALIGN. значения LEFT CENTER RIGHT.
Каждый следующий <DIV> игнорирует значения предыдущего.

<BR> переход на следующую строку. сообщает браузеру разрыв строки. есть атрибут CLEAR с параметрами LEFT RIGHT ALL NONE(исп по умолчанию)

атрибут CLEAR в настоящие время не рекомендуем к применение

<P> пустая строка. также позволяет разделить текст абзацами.

<P ALIGN=LEFT> абзац </P> возможные значения для ALGIN. LEFT (слева) CENTER (по центру) RIGHT (справа) JUSTIF ( относительно лева и права)

Между тегом <P> и </P> может быть только текст и разрыв строки.

<DIV ALGIN=отступ> текст раздела </DIV> позволяет выделить в структуре документа несколько разделов

Тег <DIV> блочный элемент. Если закрывающий тег </P> пропущен, то тег DIV эффективно его заменит начиная новый абзац

Он может иметь элементы ALIGN. значения LEFT CENTER RIGHT.

Каждый следующий <DIV> игнорирует значения предыдущего.

html выравнивание текста \ P ALIGN

Атрибут ALIGN выравнивание текста. имеет значения ALIGN=LEFT ALIGN=RIGHT ALIGN= CENTER
применяется с тегами  например <P  ALIGN=LEFT> текст </P>

1 2	Атрибут ALIGN выравнивание текста. имеет значения ALIGN=LEFT ALIGN=RIGHT ALIGN= CENTER применяется с тегами например <P ALIGN=LEFT> текст </P>

html предварительно форматирование \ PRE

PRE 
тут можно писать все что угодно. 
использовать много пробелов и табуляций. 
все браузер покажет на экране. 
/PRE

PRE

тут можно писать все что угодно.

использовать много пробелов и табуляций.

все браузер покажет на экране.

/PRE

html задать начертания текста \ B \ I \ U

<B>  Этот текст жирный </B>
<I>  Этот текст наклонный </I>
<U>  Этот текст подчеркнутый <U>
<TT> Этот текст моноширинным шрифтом < TT>
<BIG> Этот тест большой </BIG>
<SMALL> Этот текст маленький < /SMALL>
<STRONG> Этот текст увеличенный </STRONG>
<STRIKE> Этот текст подчеркнутый </STRIKE>
<SUB> этот текст надстрочный </SUB>
<SUP> этот тест подстрочный </SUP>
Хотя эти теги не запрещены W3C ( WORLD WIDE WEB CONSORCIUM)  но вместо них рекомендуют использовать каскадные стили.
<VAR> переменная </VAR>  дополнительное выделение переменных в коде ( для создания  читаемой структуры)
<SPAN> позволяет выделить фрагмент текста для последующего редактирования </SPAN>
<S> перечеркнутый текст </S>

<B> Этот текст жирный </B>

<I> Этот текст наклонный </I>

<U> Этот текст подчеркнутый <U>

<TT> Этот текст моноширинным шрифтом < TT>

<BIG> Этот тест большой </BIG>

<SMALL> Этот текст маленький < /SMALL>

<STRONG> Этот текст увеличенный </STRONG>

<STRIKE> Этот текст подчеркнутый </STRIKE>

<SUB> этот текст надстрочный </SUB>

<SUP> этот тест подстрочный </SUP>

Хотя эти теги не запрещены W3C ( WORLD WIDE WEB CONSORCIUM) но вместо них рекомендуют использовать каскадные стили.

<VAR> переменная </VAR> дополнительное выделение переменных в коде ( для создания читаемой структуры)

<SPAN> позволяет выделить фрагмент текста для последующего редактирования </SPAN>

<S> перечеркнутый текст </S>

html неразрывные строки \ NOBR

<NOBR> этот текст ни при каких обстоятельствах не будет перенесен на следующий строку </NOBR>  
( NO BREAK без разрыва )

1 2	<NOBR> этот текст ни при каких обстоятельствах не будет перенесен на следующий строку </NOBR> ( NO BREAK без разрыва )

html вставка цитат \ Q \ BLOCKQUOTA

<BLOCKQUOTA> цитата отступит на 8 пробелов от начала страницы и разместится по центру </BLOCKQOUTA>
<Q> тег Q оформляет текст  в виде краткой  цитаты </Q>

1 2	<BLOCKQUOTA> цитата отступит на 8 пробелов от начала страницы и разместится по центру </BLOCKQOUTA> <Q> тег Q оформляет текст в виде краткой цитаты </Q>

html комментарии \ !

<!- это комментарий -> комментарии могут встречаться где угодно и в любом количестве

1	<!- это комментарий -> комментарии могут встречаться где угодно и в любом количестве

html акронимы или по нашему сокращения \ ACRONYM

<ABBR>  и <ACRONYM>
<ACRONYM TITLE="хрень хренова хренанка" > ххх </ACRONYM>

1 2	<ABBR> и <ACRONYM> <ACRONYM TITLE="хрень хренова хренанка" > ххх </ACRONYM>

html определения \ CITE \ DFN

<CITE>  текст отобразится курсивом </CITE>
<DFN> термины можно задать этим тегом  ( также отобразится курсивом ) </DFN>

1 2	<CITE> текст отобразится курсивом </CITE> <DFN> термины можно задать этим тегом ( также отобразится курсивом ) </DFN>

html шрифт выделение \ EM

<EM> содержимое выводится курсивом  </EM>

1	<EM> содержимое выводится курсивом </EM>

html использование моноширинных шрифтов \ CODE

 <KBD> <SAMP> <TT> все эти теги могут использоваться для вывода моноширинных шрифтов

1	<KBD> <SAMP> <TT> все эти теги могут использоваться для вывода моноширинных шрифтов

html добавление текста с другой страницы \ CITE

<INS   CITE="my.site.ru/file.htm" > доступный фрагмент </INS>  вот так можно добавить текст с другой страницы
пример кода
<HTML> <HEAD> <TITLE> доступный фрагмент </TITLE>  </HEAD>
<BODY BGCOLOR=CAAAAA>
<INS   CITE="my.site.ru/file.htm" DATETIME="2014-03-06"> доступный фрагмент </INS> 
</BODY> </HTML>
DATETIME вставка времени

<INS CITE="my.site.ru/file.htm" > доступный фрагмент </INS> вот так можно добавить текст с другой страницы

пример кода

<HTML> <HEAD> <TITLE> доступный фрагмент </TITLE> </HEAD>

<INS CITE="my.site.ru/file.htm" DATETIME="2014-03-06"> доступный фрагмент </INS>

</BODY> </HTML>

DATETIME вставка времени