|
|
Модератор форума: Dimitro, LightInDarkness |
Форум » Управление пиратскими серверами » Средства, статьи, обсуждения управления пиратскими серверами » HTML коды (Самые главные HTMl теги для создания сайта.) |
HTML коды |
В этой теме я отпишу самый важные HTML коды для создание сайта для сервера языком программирования HTML. Html-код самого простого сайта Code <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 3.2 Final//EN»> <HTML> <HEAD> <TITLE>Название страницы</TITLE> </HEAD> <BODY> Текст страницы </BODY> </HTML> Теги <!DOCTYPE…> и <HTML> служат для того чтобы код опознался как html <HEAD> -заголовок, Данный тег закрывающийся </HEAD> — Голова страницы закончилась <TITLE>-Название страницы</TITLE> — название страницы. Написано между этими двумя тегами то и будет отображено в заголовке браузера. <BODY>Текст страницы</BODY> — Здесь все материалы: текст, картинки,и т.д. Перевод строги и блоки. Теги заголовков (<h1>-</h6>) переводят после себя строку («жмут enter»), если иное не прописано в таблицах стилей. Когда вы пишите текст в «голом html» ваши переводы строки учитываться не будут, текст будет идти подряд до заголовков либо специальных тегов. <br> — переводит строку. Закрывающий тег не нужен. Если вам нужен большой разрыв между строками можете использовать несколько таких тегов, например, <br><br><br><br><br> — пять переводов строки. <hr> — горизонтальная линия: В теге <hr> можно указать ее толщину: <hr size=»1″>: <p>Текст</p> — Параграф <div></div> — По умолчанию также параграф, но создан для сложного форматирования места нахождения контента на странице, используется для верстки через таблицы стилей. Теги оформления теста. <h1>-<h6> — это заголовки. <b>Текст выделится жирным</b> <strong>Текст выделится жирным (логическое выделение)<strong> — тег аналог <b> <em>Наклонный текст</em> — аналог<i></i> <u>Подчеркнутый текст</u> <strike>Перечеркнутый текст</strike> <big>Увеличенный</big> и <small>уменьшенный</small> текст по сравнению с текущим. <sup>Верхний индекс</sup> — X2 <sub>Нижний индекс</sub> — X2 <tt>Моноширинный текст</tt> — как печатная машинка <b><i><u>Жирный, наклонный и подчеркнутый текст</u></i></b> Вставка объектов. Чтобы вставить ссылку: <a href=»http://site.ru/«>Перейти на Site.ru</a> Где http://site.ru/- сайт, на который ведет ссылка, Перейти на Site.ru — название ссылки. Чтобы вставить картинку нужно создать код: <img src=»http://site.ru/image.png«> Где http://site.ru/image.png адрес картинки. Список: Списки создаются следующими html- кодами: <ul> <li>Первый пункт списка</li> <li>Второй пункт списка</li> <li>Третий пункт списка</li> </ul> Таблицы. Таблицы более сложный элемент чем эти html-теги, им можно посвятить целый пост, здесь просто покажу пример кода самой простой таблицы: <table> <tr> <td> Содержание </td> </tr> </table> Кстати, перевод строки после каждого тега вебмастеры ставят только для удобства редактирования html-кода, этот же код таблицы можно вставить так: <table><tr><td>Содержание</td></tr></table> Выравнивание Выравнивание текста по центру: :<center>ваш текст (картинка) </center> Выравнивание текста по правому краю поста: <div align=right> ваш текст </div> Выравнивание текста по всей ширине поста: <div align=justify> ваш текст </div> Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов): <blockquote> текст </blockquote> Бегущая строка <marquee> ваша бегущая строка</marquee> Вместо текста можно вставить картинку Цвет шрифта. <font color="red"> красный текст </font> <font color="yellow"> желтый текст </font> <font color="lime"> зеленый текст </font> Таблица цветов. Кнопка-ссылка на веб-страничку <form action="http://wowjp.net" target="_blank" method="get"><input type="submit" value="wowjp">
[Описание] Класс Войн-RIFT
[Описание] Класс Маг-RIFT [Описание] Класс Клирик-RIFT UncontesteD- СКОРО вернётся=) |
Честно говоря смысла в теме - 0.
Проще книжку по хтмл выложить - полезнее будет. Учитывая что хтмл разметка (это не язык программирования как бы) - 5-10% от всего сайта. Если выкинуть программирование и рисования, то всё равно 90% информации и разметки заносится в стили. Или следующий пост будет с разъяснением всех стилей?? оО
Сообщение # 2 написано 22.06.2012 в 15:39
|
Цитата (UncontesteD_) <br> — переводит строку. Закрывающий тег не нужен. А вот тут вы ошибаетесь , правильный тег <br /> Цитата (UncontesteD_) языком программирования HTML. Код HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML. |
Цитата (_Scout_) С 2011 (или 2012) года теги <img /> и <br /> закрываются на конце слешем /! Цитата (destroyer_code) А вот тут вы ошибаетесь , правильный тег <br /> Не стоит путать спецификации HTML и XHTML, а так же запутывать в этом других. Если доктайп HTML, то все будет валидно БЕЗ слешей. Все эти ваши варианты со слешами взяты из спецификации XHTML, которую некоторым не мешало бы почитать - http://w3.org.
Arcanum Core © Dev.
Для запросов на выдачу наград/снятие замечаний есть темы в Работе Портала. Не пишите по этому поводу в личку. |
| |||
| |||