Powered by Invision Power Board
Доброго времени суток, уважаемые новички форума и те, кто не так давно зарегистрировал форум на нашем сервисе. Обращаем Ваше внимание на то, что данный форум - своеобразная база знаний, на которой хранятся ответы на все Ваши сформировавшиеся (также как и не сформировавшиеся) вопросы по работе Вашего форума. Администрацией сервиса было принято решение написать документацию по использованию поиска по форуму технической поддержки. Мы понимаем, что конечно лучше, когда именно Вам лично дают качественный ответ, но ответы на большинство вопросов уже даны - достаточно правильно спросить поисковик, и он найдёт Вам то, что Вы ищите.
  1. На этом форуме осуществляется техническая поддержка только и только форумов IP.Board Сервиса IPB.SU.
  2. Заполните в Профиле поле: "Адрес Вашего форума" - это упростит работу Aдминистрации при решении Bаших проблем.
С уважением,
Администрация Сервиса IPB.SU!


  Reply to this topicStart new topicStart Poll

> FAQ по HTML, aka учебник HTML тэгов
Alex Okonnor
Quote Post

[Адмирал]
Group Icon


Сообщений: 1 661
Из: провинциальной деревушки на краю ада

Активность: Member Offline


Ответить Автору

Репутация: 83


Тема создана в помощь новичкам по хтмл-тегам.

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


<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/

Это сообщение отредактировал Deco - Авг 3 2010, 10:45


--------------------
Помог ? Тогда жмите user posted image
=========================
user posted image310-950-543 сюда стучать, если у вас есть предложение ко мне.. [в аське крайне редко]
user posted image ник : zse_gm по пустякам не беспокоить. [Обычно в онлайне до 5-6 вечера по мск]
За приделами форума тех. поддержки, за "спасибо" нечего не делаю!
=========================
user posted image
=========================
Из 1.3 в 3.1, возможно или нет?!
Возможно... Сделано... Проверено... Доказано =)


Один из Основателей Saint people
PM
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Reply to this topicStart new topicStart Poll


 


Текстовая версия