Draku1a 41 Опубликовано 4 августа, 2013 (изменено) Валялось на харде когда то делал заметки для себя, может кому то пригодится. Спс ставим если вдруг пригодилось )))) Показать контент <title> - Заголовок для окна страницы </title> - Закрываем тег заголовка окна страницы <html> - Тег открывающий документ </html> - Тег закрывающий документ <head> - Голова документа </head> - Закрываем голову документа <body> - Тело документа </body> - Закрываем тело документа <br> - Перенос текста на другую строку <тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1> - Правильная очередность закрытия тегов color - Атрибут для изменения цвета <font color="#CC0000"> Текст </font> - Изменяем цвет тексту <body text="#336699"> - Изменяем цвет всему тексту страницы кроме цвета заданного <font color="#CC0000"> Текст </font> <body bgcolor="#000000"> - Изменяем цвет фона страницы <body text="#336699" bgcolor="#000000"> - 2 Атрибута в 1 теге. <p></p> - Параграф (служит для выравнивания текста). Параграф не может содержать в себе другие параграфы и теги <div></div> align - Атрибут отвечает за выравнивание <p align="center">текст</p> - Текст по центру <p align="left">текст</p> - Текст по левому краю <p align="right">текст</p> - Текст по правому краю <p align="justify">текст</p> - Текст по обеим краям документа <center> текст </center> - Текст по центру без переноса на следующую строку <div></div> - Одно из назначений служит для выравнивания текста. Может содержать в себе параграфы <p></p> <div align="center"> текст </div> - Альтернатива тегу <p></p> <div align="left"> текст </div> - Альтернатива тегу <p></p> <div align="right"> текст </div> - Альтернатива тегу <p></p> <div align="justify"> текст </div> - Альтернатива тегу <p></p> Существуют шесть уровней заголовков, заголовки предназначены для выделения небольшой части текста (строки, фразы). <H1> текст </H1> <H2> текст </H2> <H3> текст </H3> <H4> текст </H4> <H5> текст </H5> <H6> текст </H6> Для выделения больших фрагментов текста предназначен атрибут size тэга <font></font> <font size="+4"> текст </font> <font size="+3"> текст </font> <font size="+2"> текст </font> <font size="+1"> текст </font> <font size="+0"> текст </font> <font size="-1"> текст </font> <font size="-2"> текст </font> Задаем стиль шрифта: <b> Текст </b> - Полужирный текст <i> Текст </i> - Наклонный текст (курсив) <u> Текст </u> - Подчеркнутый текст <strike> Текст </strike> - Перечеркнутый <s> Текст </s> -Перечеркнутый <small> Текст </small> - Малый <big> Текст </big> - Большой <sup> Текст </sup> - Верхний индекс <sub> Текст </sub> - Нижний индекс <tt> моноширинный шрифт </tt> - Это шрифт с символами одинаковой фиксированной ширины, как шрифт у пишущей машинки <pre></pre> - Текст заключенный в этот тэг выводится с точностью до пробела face - Атрибут задает тип шрифта <font face="arial"> текст </font> <img> - Тег для вставки изображения <img src="pr1.png"> - Вставляем графическое изображение <img src="pr1.png" align="left"> - Выравнивание картинки по левому краю с обтеканием текста справа <img src="pr1.png" align="bottom"> - Текст внизу картинки <img src="pr1.png" align="middle"> - Текст посередине картинки <img src="pr1.png" align="top"> - Текст вверху картинки Кроме атрибута align для тэга <img> можно ввести еще несколько атрибутов: <img src="pr1.png" vspace="10"> - vspace - задает расстояние между текстом и рисунком (по вертикали) в пикселях <img src="pr1.png" hspace="30"> - hspace - тоже задает расстояние между текстом и рисунком, но по горизонтали <img src="pr1.png" alt="моя фотография"> - alt - краткое описание картинки. <img src="pr1.png" width="100"> - width - ширина самой картинки (в пикселях) <img src="pr1.png" height="200"> - height - высота самой картинки (тоже в пикселях). <img src="pr1.png" border="5"> - border - рамка вокруг самой картинки (в пикселях) Введем следующие атрибуты для нашей картинки вместе: <img src="pr1.png" align="left" hspace="30" vspace="5" alt="моя фотография"> <body text="#336699" bgcolor="#000000" background="ваш_фон.jpg"> - Делаем изображение фоном страницы clear - Атрибут тега <br> Обрывает текст обтекающий изображение и переносит его на новую строку ниже картинки. <br clear="left"> У атрибута clear существует несколько значений - all, left, right. All - завершить обтекание объекта текстом. Left - завершить обтекание текстом объекта, выровненного по левому краю. Right - завершить обтекание текстом объекта, выровненного по правому краю. <a></a> - Делает ссылкой заключенную в него картинку или фразу (текст) <a href="prf.html">посмотреть мои фотографии</a> Для всех ссылок в нашем документе мы можем прописать цвета: link - цвет просто ссылки alink - цвет активной ссылки (нажатой) vlink - цвет уже посещенной ссылки <body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999"> <a href="prf.html"><font color="#CC0000">посмотреть мои фотографии</font></a> - Задаем цвет конкретной текстовой ссылке title - (не путать с тэгом <TITLE>) предлагает информацию об элементе, для которого он устанавливается. <a href="ssilka.html" title="Ваша подсказка"> текст-ссылка </a> <a href="prf.html"><img src="primtocodephoto.gif"></a> - Делаем картинку ссылкой <img src="picture.gif" border="3" bordercolor="#CC0000"> - Задаем цвет рамки вокруг картинки где 'border="3"' толщина рамки Навигация по тексту страници: с помощью атрибута name (имя закладки с учетом регистра шрифта) тэга A: <a href="#stih1">Ссылка на стих первый</a><BR> <H3><a name="stih1">Стих первый</a></H3> id - атрибут который назначает тэгу (элементу) уникальное имя в пределах одного документа (кроме тэгов Base, Head, Html, Meta, Script, Style, Title) <a href="#stih1">Ссылка на стих первый</a><BR> <H3 id="stih1">Стих первый</H3> <table></table> Тег для создания таблицы, таблица состоит из строк и столбцов (ячеек): <tr></tr> - строчка таблицы <td></td> - столбец (ячейка) таблицы Создаем таблицу из 2х строк и 3х столбцов. Задаем строки: <table> <tr></tr> <tr></tr> </table> Теперь в каждой строке зададим по три столбца (ячейки): <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> Заполняем нашу таблицу материалом: <table> <tr> <td>Кнопка1</td> <td>Кнопка2</td> <td>Кнопка3</td> </tr> <tr> <td>Кнопка4</td> <td>Кнопка5</td> <td>Кнопка6</td> </tr> </table> <td bgcolor="#FFCC33"> - Задаем фон столбцу таблицы <tr bgcolor="#FFCC33"> - Задаем фон для строки таблицы <table bgcolor="#FFCC33"> - Задаем фон всей таблице Зададим ширину и высоту в пикселях для столбцов (ячеек). <table> <tr> <td height="35" width="50" bgcolor="#FFCC33"> Кнопка1 </td> <td width="50" bgcolor="#336699"> Кнопка2 </td> <td width="50" bgcolor="#FFCC33"> Кнопка3 </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> Кнопка4 </td> <td width="50" bgcolor="#FFCC33"> Кнопка5 </td> <td width="50" bgcolor="#336699"> Кнопка6 </td> </tr> </table> Атрибуты height и width можно задать в процентах: <td width="30%"> содержимое ячейки </td> Выравниваем содержимое (текст) внутри таблицы: <table> <tr> <td height="35" width="50" bgcolor="#FFCC33"> <center> Кнопка1 </center> </td> <td width="50" bgcolor="#336699"> <center> Кнопка2 </center> </td> <td width="50" bgcolor="#FFCC33"> <center> Кнопка3 </center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center> Кнопка4 </center> </td> <td width="50" bgcolor="#FFCC33"> <center> Кнопка5 </center> </td> <td width="50" bgcolor="#336699"> <center> Кнопка6 </center> </td> </tr> </table> Вы можете использовать и другие тэги для выравнивания содержимого, кроме <center>, а также атрибут align <td align=”center”>Кнопка</td> Выравниваем текст внутри ячейки: <td valign="top"</td> - Текст вверху ячейки <td valign="bottom"</td> - Текст внизу ячейки <td height="35" width="50" bgcolor="#FFCC33" valign="top"> <center> Кнопка1 </center> </td> <td height="35" width="50" bgcolor="#FFCC33" valign="bottom"> <center> Кнопка2 </center> </td> colspan - Атрибут определяет количество столбцов, на которые простирается данная ячейка. rowspan - Атрибут определяет количество рядов, на которые простирается данная ячейка. Разтягиваем кнопку1 на 3 стобца <td height="35" bgcolor="#FFCC33" colspan="3"> <center>Кнопка 1</center> </td> Разтягиваем кнопку1 на 3 строки <td height="35" bgcolor="#FFCC33" rowspan="3"> <center>Кнопка 1</center> </td> Убираем пространство между ячейками таблицы: <table cellspacing="0"> Увеличиваем пространство между ячейками таблицы: <table cellspacing="3"> Задаем рамку для таблици <table border="3"> Задаем цвет рамки для таблици <table border="3" bordercolor="#000000"> Задаем ширину всей таблице, при этом общая ширина ячеек не должна превышать 700 пикселей, следуя примеру. <table cellspacing="5" width="700"> Спец символы: < - < > - > " - " - пробел & - & <Hr> - Тег для создания линии У линии есть много разных параметров: <Hr align="right"> -(center или left) <Hr width="30%"> -(ширина линии в процентах/пикселях) <Hr size="6"> -(толщина линии) <Hr NoShade> -(отмена объемности) <Hr color="cc0000"> -(цвет линии, только в IE) Убираем поля по краям документа <Body text="#000000" bgcolor="ffffff" rightmargin="0" bottommargin="0" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> topmargin - определяет ширину верхнего поля документа leftmargin - определяет ширину левого поля документа. rightmargin - определяет ширину правого поля документа. bottommargin - определяет ширину нижнего поля документа. Изменено 4 августа, 2013 пользователем Draku1a 4 Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
adam1 23 Опубликовано 4 августа, 2013 не сомнено пригодиться) спасибо когдато ломал голову что оно такое! думаю шас многим откроються тайны) 1 Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
HECKBuK 229 Опубликовано 4 августа, 2013 модераторов просьба удалить тему в мусор, т.к. эта тема вообще не раскрывает принципа постройки HTML в L2J серверах 90% всего написаного не работает в l2j Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
Angelika 622 Опубликовано 4 августа, 2013 Берем в коллекцию автору спс - полезная инфа 1 Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
xMaRShall 306 Опубликовано 4 августа, 2013 (изменено) Да много лишнего что не работает + дал, будет полезно. Изменено 4 августа, 2013 пользователем xMaRShall 1 Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
HECKBuK 229 Опубликовано 4 августа, 2013 ТС юзай [spoiler]text[/spoiler] ибо листать всю эту багадельню не вариант Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
Draku1a 41 Опубликовано 4 августа, 2013 В 04.08.2013 в 15:16, HECKBuK сказал: модераторов просьба удалить тему в мусор, т.к. эта тема вообще не раскрывает принципа постройки HTML в L2J серверах 90% всего написаного не работает в l2j Я и не говорил что данная тема раскрывает принципы постройки HTML в L2J серверах, но некоторые нюансы совпадают. А информация по html в общих чертах в компактном виде пригодится каждому. Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
HECKBuK 229 Опубликовано 4 августа, 2013 Html В Помощь Гм Шоп Мейкерам вот что я вижу в названии темы, так что делайте выводы.... информация по HTML? пожалуйста htmlbook.ru очень хороший сервис, сам пользовался и пользуюсь Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
MaloiFox2 502 Опубликовано 4 августа, 2013 В 04.08.2013 в 15:16, HECKBuK сказал: модераторов просьба удалить тему в мусор, т.к. эта тема вообще не раскрывает принципа постройки HTML в L2J серверах 90% всего написаного не работает в l2j а где указанно что раскрывает? 1 Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
Draku1a 41 Опубликовано 4 августа, 2013 В 04.08.2013 в 15:27, HECKBuK сказал: Html В Помощь Гм Шоп Мейкерам вот что я вижу в названии темы, так что делайте выводы.... информация по HTML? пожалуйста htmlbook.ru очень хороший сервис, сам пользовался и пользуюсь Я вижу в названии темы html как помощник при создании гм шопа? я что написал что то вроде 'Набор тегов для постройки гм шопа ?' Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
HECKBuK 229 Опубликовано 4 августа, 2013 так и берите тэги, которые работают в l2j а не все подряд В 04.08.2013 в 15:31, MaloiFox2 сказал: а где указанно что раскрывает? не понял о чем выDraku1a, так и берите тэги, которые работают в l2j, а не все подряд Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
Draku1a 41 Опубликовано 4 августа, 2013 В 04.08.2013 в 15:34, HECKBuK сказал: так и берите тэги, которые работают в l2j а не все подрядне понял о чем вы Draku1a, так и берите тэги, которые работают в l2j, а не все подряд Если вы напишете мануал где будет раскрываться "принцип постройки HTML в L2J серверах" Я не пожалею для вас + Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
