Начинаем обучение
| |
KOT | Дата: Суббота, 05.11.2011, 13:22 | Сообщение # 1 |
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
|
Языки web программирования:
Основные языки web программирования подразделяются вот на такие виды:
-javascript -html -BB -css Самый лёгкий код это BB код Code [b]Жирный текст[/b] Жирный текст [i]Наклонный текст[/i] Наклонный текст [s]Зачеркнутый текст[/s] Зачеркнутый текст [u]Подчеркнутый текст[/u] Подчеркнутый текст [o]Черта вверху текста[/o] Черта вверху текста [l]Текст по левому краю[/l] Текст по левому краю [c]Текст по центру[/c] Текст по центру [r]Текст по правому краю[/r] Текст по правому краю [j]Текст по ширине страницы[/j] Текст по ширине страницы [sub]Нижний индекс[/sub] Нижний индекс [sup]Верхний индекс[/sup] Верхний индекс [size=10]Размер шрифта[/size] (Размер: 8..25) Размер шрифта [color=red]Цвет шрифта[/color] Цвет шрифта [font=Comic Sans MS]шрифт[/font] Другой шрифт [hide]Any text goes here...[/hide] For registered users only! [spoiler]Any text goes here...[/spoiler] [spoiler=Title]Any text goes here...[/spoiler] [video]ссылка[/video] Видео [audio]ссылка[/audio] Аудио [quote]Цитата из сообщения[/quote] Quote Цитата из сообщения [hr] Линия [url=http://www.ucoz.net]http://www.ucoz.net[/url] http://www.ucoz.net [url=http://www.ucoz.net]uCoz[/url] uCoz [email=your@mail.com]your@mail.com[/email] your@mail.com [email=your@mail.com]Contact[/email] Contact Us [img]http://www.site.com/img.gif[/img] Изображение [list] Список [*]пункт 1 [*]пункт 2 [/list]
пункт 1 пункт 2
[*]пункт 1 [*]пункт 2 пункт 1 пункт 2 (c) © (r) ® (tm) ™
Этот код ограничен в своих рамках, поэтому много из него не добиться!
Далее HTML код:
Code <html></html> Указывает программе просмотра страниц что это HTML документ. <head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body></body> Определяет видимую часть документа
<base href="www.?"> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью) <base target="?"> Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
<meta name="allow-search" content="?"> Указание для поисковых роботов как следует сканировать данную страницу <meta http-equiv="distribution" content="?"> Указание для поисковых роботов относится ли данная страница к мировым <meta name="robots" content="?"> Указание для поисковых роботов как следует сканировать данную страницу <meta name="author" content="?"> Указание автора странички <meta name="keywords" content="?"> Описание содержащийся информации (для поисковых машин) <meta http-eguiv="content-type" content="text/plain;churset="?"> Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)
Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.
<meta name="description" content="?"> Ключевые слова странички (для поисковых машин) <title></title> Помещает название документа в оглавление программы просмотра страниц <body bgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. <body text="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. <body link="?"> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. <body vlink="?"> Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink="?"> Устанавливает цвет гиперссылок при нажатии.
<pre></pre> Обрамляет предварительно отформатированный текст. <h1></h1> Создает самый большой заголовок <h2></h2>, <h3>...до </h5> Создает заголовоки промежуточных размеров <h6></h6> Создает самый маленький заголовок <b></b> Создает жирый текст (нерекомендованный) <i></i> Создает наклонный текст (нерекомендованный) <tt></tt> Создает текст - имитирующий стиль печатной машинки. (нерекомендованный) <kbd></kbd> Создает текст - имитирующий стиль печатной машинки. (рекомендованный) <var></var> Название переменных отображается курсивом <cite></cite> Выделение цитат курсивом <address></address> Отображается курсивом в виде отдельного абзаца <em></em> Наклонный текст (воспринимается посковыми роботами как выделение) <strong></strong> Жирный текст (воспринимается посковыми роботами, как особо сильное выделение) <font size="?"></font> Устанавливает размер текста в пределах от 1 до 7. <font color="?"></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
<a href="ссылка">текст ссылки</a> Создает гиперссылку на другие сайты. <atarget="?"></a> Указывает в каком окне открывать гиперссылку. [i]Параметры / Значение[/i] _Blank Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно _Parent Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку _Self Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы _Top Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, приэтом страница откроется в указаной части окна. <a href="NAME"></a> Создает гиперссылку на другую страницу. <a href="mailto:EMAIL"></a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу. <a href="#name"></a> Создает гиперссылку на метку текущей страници. <a name="name"></a> Отмечает часть текста, как метку для гипперссылок на странице. <a href="NAME#name"></a> Создает гиперссылку на метку другой страници. [i]Форматирование[/i] <p></p> Создает новый параграф <p align="?"></p> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center <nobr> Запрещает перевод строки. <wbr> Указывает где разбивать строку для переноса при необходимости. <br> Вставляет перевод строки. <blockquote></blockquote> Создает отступы с обеих сторон текста. <dl></dl> Создает список определений. <dt> Определяет каждый из терминов списка <dd> Описывает каждое определение <ol></ol> Создает нумерованный список <li> Определяет каждый элемент списка и присваивает номер <ul></ul> Создает ненумерованный список <li> Предваряет каждый элемент списка и добавляет кружок или квадратик. <div align="?"></div> Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
[i]Графические элементы[/i] <img src="name"> Добавляет изображение в HTML документ <img src="name" align="?"> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle <img src="name" border="?"> Устанавливает толщину рамки вокруг изображения <img src="name" vspase="?"> Устанавливает поля сверху и снизу <img src="name" hspase="?"> Устанавливает поля сбоков <img src="name" alt="?"> Всплывающая подсказка при наведении на имедж <hr> Добавляет в HTML документ горизонтальную линию. <hr size="?"> Устанавливает высоту (толщину) линии <hr width="?"> Устанавливает ширину линии, можно указать ширину в пикселах или процентах. <hr noshade> Создает линию без тени. <hr color="?"> Задает линии определенный цвет. Значение RRGGBB. [i]Таблицы[/i] <table></table> Создает таблицу. <tr></tr> Определяет строку в таблице. <td></td> Определяет отдельную ячейку в таблице. <th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) <caption></caption> Определяет подпись таблицы
[i]Атрибуты таблицы[/i] <table border="#"> Задает толщину рамки таблицы. <table cellspacing="#"> Задает расстояние между ячейками таблицы. <table cellpadding="#"> Задает расстояние между содержимым ячейки и ее рамкой. <table width="#"> Устанавливает ширину таблицы в пикселах или процентах от ширины документа. <table height="#"> Устанавливает высоту таблицы в пикселах или процентах от высоты документа. <tr align="?"> или <td align="?"> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. <tr valign="?"> или <td valign="?"> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. <td colspan="#"> Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1) <td rowspan="#"> Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1) <td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы. <td width="#"> Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).
<td height="#"> Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).
[i]Фреймы[/i] <frameset></frameset> Предваряет тег <body> в документе, содержащем фреймы; <frameset rows="value,value"> Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.
<frameset cols="value,value"> Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.
<frame> Определяет единичный фрейм или область в таблице фреймов. <noframes></noframes> Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
[i]Атрибуты фреймов[/i] <frame src="URL"> Определяет какой из HTML документов будет показан во фрейме. <frame name="name"> Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.
<frame marginwidth="#"> Определяет величину отступов по левому и правому краям в нутрь фрейма; должно быть равно или больше 1. <frame marginheight="#"> Определяет величину отступов по верхнему и нижнему краям в нутрь фрейма; должно быть равно или больше 1. <frame scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<frame noresize> Препятствует изменению размеров фрейма пользователем.
[i]Ифрейм и его атрибуты[/i] <iframe></iframe> Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер. <iframe src="URL"> Определяет какой из HTML документов будет показан в ифрейме. <iframe name="name"> Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм . <iframe vspase="?"> Устанавливает поля сверху и снизу с наружи от ифрейма <iframe hspase="?"> Устанавливает поля сбоков с наружи от ифрейма <iframe marginwidth="#"> Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1. <iframe marginheight="#"> Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1. <iframe scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<iframe width="#"> Определяет ширину ифрейма <iframe height="#"> Определяет высоту ифрейма; <iframe title="?"> Текст всплывающей подсказки
[i]Формы[/i] <form></form> Создает формы <select multiple name="NAME" size="?"></select> Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<option> Указывает каждый отдельный элемент меню <select name="NAME"></select> Создает ниспадающее меню
<option> Указывает каждый отдельный элемент меню <textarea name="NAME" cols=40 rows=8></textarea> Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту. <input type="checkbox" name="NAME"> Создает checkbox. <input type="radio" name="NAME" value="x"> Создает radio кнопку. <input type=text name="foo" size=20> Создает строку для ввода текста. Параметром Size указывается длина в символах. <input type="submit" value="NAME"> Создает кнопку "Отправить" <input type="image" border="0" name="NAME" src="name.gif"> Создает кнопку "Отправить" - для этого используется изображение <input type="reset"> Создает кнопку "Очистить" А вот о кодах css и javascript мы поговорим конкретнее в разделах "CSS" и "JAVASCRIPT's" ЕСЛИ У ВАС ЕСТЬ ВОПРОСЫ ПО ЭТОМУ РАЗДЕЛУ, С УДОВОЛЬСТВИЕМ ОТВЕЧУ НА НИХ!
Сообщение отредактировал KOT - Суббота, 05.11.2011, 13:52 |
|
| |
Клещ | Дата: Воскресенье, 06.11.2011, 01:24 | Сообщение # 2 |
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3621
Награды: 146
Репутация: 207
Статус: Ушел в Зону
| А вот за представленный перечень HTML кодов - особый Даже мета-теги впиндюрил! Ну молодца! Очень многое для себя подметил, а то уж начал было подзабывать. Спасибо!
Святая-Cвятых бармена-Клеща: Создателя СЕЙ ЗАБЕГАЛОВКИ.
|
|
| |
KOT | Дата: Воскресенье, 06.11.2011, 12:11 | Сообщение # 3 |
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
| Да незачто, всегда рад всем помочь!)
|
|
| |
[BAR-K]КОМАНДОР | Дата: Среда, 28.12.2011, 03:11 | Сообщение # 4 |
Генерал-полковник
Группа: Заглянувший
Сообщений: 1638
Награды: 33
Репутация: 39
Статус: Ушел в Зону
| В трансе изучаю иероглифы, Кот напиши человеку в танке как и для чего эти....коды
|
|
| |
[BAR-K]КОМАНДОР | Дата: Среда, 28.12.2011, 03:18 | Сообщение # 5 |
Генерал-полковник
Группа: Заглянувший
Сообщений: 1638
Награды: 33
Репутация: 39
Статус: Ушел в Зону
| непонимаю как пользоваться ...[color=red]
|
|
| |
KOT | Дата: Пятница, 30.12.2011, 23:36 | Сообщение # 6 |
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
| Quote (|BAR-K|КОМАНДОР) В трансе изучаю иероглифы, Кот напиши человеку в танке как и для чего эти....коды
Так с начало покажу самую легкую структуру сайта:
Code <html> <title>название сайта</title> <head>здесь прописываются все пути к css, скриптам, значку сайта....</head> //Невидимая часть сайта <body>Вся информация</body> //Видимая часть сайта </html>
Code <html></html> //Эти теги всегда должны быть в начале страницы кода и в конце, иначе страницы сайта могут неправильно отображаться или вообще неотображаться!
|
|
| |
KOT | Дата: Пятница, 30.12.2011, 23:38 | Сообщение # 7 |
Наш Боец-Наёмник
Группа: Друзья
Сообщений: 93
Награды: 12
Репутация: 37
Статус: Ушел в Зону
| Quote (|BAR-K|КОМАНДОР) непонимаю как пользоваться ...
Ну вот смотри у тебя текст со стандартным цветом, чаще всего черным.. а тебе надо сделать его красным, тогда выполняется такая команда:
Code [color=red]Цвет шрифта[/color]
и тогда это будет выглядить так:
Цвет шрифта
Сообщение отредактировал KOT - Суббота, 31.12.2011, 11:26 |
|
| |
Обойма | Дата: Понедельник, 23.01.2012, 23:20 | Сообщение # 8 |
Зам. Бармена по питейным делам
Группа: Друзья
Сообщений: 695
Награды: 53
Репутация: 110
Статус: Ушел в Зону
| значит сайты ты умеешь делать?))
|
|
| |
Клещ | Дата: Вторник, 24.01.2012, 00:30 | Сообщение # 9 |
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3621
Награды: 146
Репутация: 207
Статус: Ушел в Зону
| Quote (|X-Ray|Обойма) значит сайты ты умеешь делать?)) А аномалии создавать - слабо?
Святая-Cвятых бармена-Клеща: Создателя СЕЙ ЗАБЕГАЛОВКИ.
|
|
| |
Обойма | Дата: Вторник, 24.01.2012, 07:44 | Сообщение # 10 |
Зам. Бармена по питейным делам
Группа: Друзья
Сообщений: 695
Награды: 53
Репутация: 110
Статус: Ушел в Зону
| Клещ, аномалию я умею делать электру
|
|
| |
Клещ | Дата: Вторник, 24.01.2012, 23:54 | Сообщение # 11 |
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3621
Награды: 146
Репутация: 207
Статус: Ушел в Зону
| Quote (|X-Ray|Обойма) Клещ, аномалию я умею делать электру
Оно и видно! Так вот почему меня током шандарахает, кода я ночью иногда к тебе в холодильник за колбасой пробираюсь
Святая-Cвятых бармена-Клеща: Создателя СЕЙ ЗАБЕГАЛОВКИ.
|
|
| |
[BAR-K]КОМАНДОР | Дата: Воскресенье, 05.02.2012, 01:59 | Сообщение # 12 |
Генерал-полковник
Группа: Заглянувший
Сообщений: 1638
Награды: 33
Репутация: 39
Статус: Ушел в Зону
| коты коты везде коты в баре)) Надо Сделать на вывеске бара Эмблему бармалея.
|
|
| |
Клещ | Дата: Воскресенье, 05.02.2012, 18:08 | Сообщение # 13 |
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3621
Награды: 146
Репутация: 207
Статус: Ушел в Зону
| Quote (|BAR-K|КОМАНДОР) коты коты везде коты в баре)) Надо Сделать на вывеске бара Эмблему бармалея. Хмм А почему бы и нет?
Святая-Cвятых бармена-Клеща: Создателя СЕЙ ЗАБЕГАЛОВКИ.
|
|
| |
[BAR-K]КОМАНДОР | Дата: Воскресенье, 05.02.2012, 19:37 | Сообщение # 14 |
Генерал-полковник
Группа: Заглянувший
Сообщений: 1638
Награды: 33
Репутация: 39
Статус: Ушел в Зону
| Давай сделай! я хочу это видеть
|
|
| |
Клещ | Дата: Воскресенье, 05.02.2012, 20:42 | Сообщение # 15 |
Создатель - управляющий
Группа: Главный Администратор
Сообщений: 3621
Награды: 146
Репутация: 207
Статус: Ушел в Зону
| Quote (|BAR-K|КОМАНДОР) Давай сделай! я хочу это видеть Ну ты и наглец, малый. Ну ни каких манер!
Святая-Cвятых бармена-Клеща: Создателя СЕЙ ЗАБЕГАЛОВКИ.
|
|
| |
|