Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум поддержки IPB.SU > FAQ > FAQ по HTML


Автор: Alex Okonnor Фев 25 2008, 08:55
Тема создана в помощь новичкам по хтмл-тегам.

Начнём пожалуй с основ, так сказать с того, на чём все держится:


<html></html> - (html - от англ. Hypertext Markup Language — «язык разметки гипертекста») Показывает программе просмотра страниц что это HTML документ.

<head></head> - Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.

<body></body> - Определяет видимую часть документа.

<title></title> - Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера.


Так, поехали дальше! А дальше мы разберём наверное, теги для форматирования текста:


<b></b> - Жирный текст. Пример

<i></i> - Наклонный текст. Пример

<u></u> - Подчёркнутый текст. Пример

<s></s> - Зачёркнутый текст. Пример

<font size=?></font> - Размер текста в пределах от 1 до 7. Пример Пример

<font color=?></font> - Устанавливает цвет текста. Пример

<div style="background-color:цвет;">текст</div> - Устанавливает цвет фона под текстом.

<div style="background-image: url(адрес картинки);">текст</div> - Устанавливает фон-картинку под текстом.

<h1></h1> - Самый Большой заголовок.

Можно поставить от 1 до 6.

<h6></h6> - Самый маленький заголовок.

<acronym title="Всплывающая подсказка">Пример</acronym> - Текст со всплывающей подсказкой. Как работает ? Все очень просто когда вы потом наведёте мышкой на слово "Пример" всплывёт подсказка с текстом "Всплывающая подсказка". Довольно хороший тэг.


Дальше разберём форматирование:


<br> - Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе.

Код

Текст <br>
Текст


Ниже приведён пример, как это будет выглядеть:

Текст
Текст

<hr> - Линия на всю ширину экрана.

<p> - Используется для разметки параграфов.

<p align=?> - определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left.

<ol></ol> - Создает упорядоченный список (нумерованный список).

<li> - Создает пункт в списке. Располагается внутри элементов OL

Код

<ol>
<li>Текст</li>
<li>Текст</li>
</ol>


Ниже приведён пример того, как будет это выглядеть:
  • Текст
  • Текст
Дальше я думаю стоит разобрать "гиперссылки" :


<a href="Ссылка">текст</a> - Гиперссылка на часть текущего документа.

<a href="Ссылка" target="_blank">текст</a> - Открыть ссылку в новом окне.

<a href="Ссылка" title="Подсказка">текст</a> - Всплывающая подсказка при наведении курсора на ссылку.

<a href="ссылка" title="Подсказка"><img src=картинка></a> - Картинка-ссылка (баннер)


Дальше немного о графических элементах:


<img src="картинка"> - Добавляет изображение в HTML документ.

<img src="картинка" title="Подсказка" alt="Текст если картинка отсутствует"> - Изображение со всплывающим текстом при наведении на него курсора.

<img src="картинка" align=?> - Выравнивает изображение по одной из сторон, принимает значения: left, right, center.


Ну а сейчас разберём как поставить спец. символы:


Код : &copy; Символ : ©

Код : &reg; Символ : ®

Код : &trade; Символ : ™


Ну и напоследок, немного интересных тэгов :


<marquee>Текст</marquee> - бегущая влево строка.

<marquee direction="right">текст</marquee> - бегущая вправо строка.

<marquee behavior="alternate">текст</marquee> - бегущая от края к краю строка.


Думаю тема пригодиться.
Здесь приведен только самый минимум тегов.Посмотреть более полный вариант можно на сайте http://htmlbook.ru/

Powered by Invision Power Board (//www.invisionboard.com)
© Invision Power Services (//www.invisionpower.com)