[Ссылки могут видеть только зарегистрированные пользователи. ]
В этой теме я отпишу самый важные HTML коды для создание сайта для сервера языком программирования HTML.
Html-код самого простого сайта:
Цитата:
<!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://zhyk.ru/«>Перейти на Zhyk.ru</a>
Где http://zhyk.ru/ - сайт, на который ведет ссылка, Перейти на Zhyk.ru — название ссылки.
Чтобы вставить картинку нужно создать код:
<img src=»http://zhyk.ru/image.png«>
Где http://zhyk.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>