Волчанск Volchansk
Персональные страницы Personal Pages
ШПАРГАЛКА ПО НАИБОЛЕЕ НУЖНЫМ ТЕГАМ - HTML
В последнее время появилось, и появляются множество различных программ и конструкторов сайтов, которые предлагают без знания языка HTML создавать, наполнять сайты и размещать их в интернете. Все это действительно соответствует действительности, однако для создания полноценных сайтов вы прейдете к выводу основы HTML, вам пройдется все- таки освоить. Сложного и трудного в этом - нет, для начала вам отлично подойдет обычная небольшая шпаргалка по тегам HTML . Основы HTML - это только обычный язык разметки гипертекста. Проще говоря, дает возможность представить обычный текст в форматированном виде. Теги предназначены выполнять задачи - оформление текста и ссылок, создание рамок, таблиц, и т. д. Практически все без исключения теги являются парными. Это значит, существуют открывающий тег, допустим - полужирный текст в этом случае ставим, открывающийся закрывающийся в конце вашего текста. Отличительной особенностью закрывающего тега, является вот этот знак < / >, который обозначает окончание действия тега. Запомните - все теги вписываем один за другим и входят по принципу матрешек. Откройте раздел HTML в сайте и потренируйтесь. Представленные здесь теги наиболее часто применяются особенно начинающими пользователями. Постепенно данный ресурс будет дополняться.
ОФОРМЛЕНИЕ ТЕКСТА - HTML
1.Курсивный текст <i>ТЕКСТ</i> 2. Полужирный текст <b>ТЕКСТ</b>
3.Маленький текст <small>ТЕКСТ</small> 4. Подчеркнутый текст <u>ТЕКСТ</u>
5. <sup>текст</sup>
- вписываем вместо "текст" свой текст, и шрифт написания будет приподнятым.
6. <blockquote>текст</blockquote>
- выделение текста как цитату. Текст сдвигается немного вправо и выглядит как отдельный блок.
7. Выравнивание текста:
<div align=right> ваш текст </div> - выравнивание по правому краю;
<div align=justify> ваш текст </div> - выравнивание по всей ширине текста;
<center>ваш текст, картинка</center> - центрирование.
8. <center><table background="АДРЕС КАРТИНКИ"><tr><td width="ширина картинки" height="высота картинки"><span >ВАШ ТЕКСТ</text></td></tr></table></center>
9.ТЕКСТ БЕГУЩЕЙ СТРОКИ ВЛЕВО <marquee>ТЕКСТ БЕГУЩЕЙ СТРОКИ</marquee>
ТЕКСТ БЕГУЩЕЙ СТРОКИ В ПРАВО <marquee direction="right"> ТЕКСТ</marquee>
ВПРАВО ВЛЕВО <marquee behavior="alternate"> ТЕКСТ</marquee>
АФВТОСКРОЛЛИНГ < marquee direction="up" scrollamount="1" scrolldelay="0"
Текст всплывающий снизу верх crolldelay="0" height="32">ТЕКСТ</marquee>
10.придаем цвет тексту <font color="код цвета"> текст </font>
ТАБЛИЦА ЦВЕТОВ ->1. http://book.itep.ru/10/color_tab.htm
11.ЭПИГРАФ <div align=right> ТЕКСТ</div>
12.Убрать под "кат" врезка <cut text="читать далее">длинный текст</cut>
ВСТАВКА ССЫЛОК И КАРТИНОК - HTML
1.Ссылка на страницу <a href="АДРЕС СТРАНИЦЫ">ТЕКСТ ССЫЛКИ</a>
2.Ссылка, открывающаяся на новой странице. <a href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>
3.Вставка картинки, исполняющей роль ссылки на страницу или другую картинку
<a href="АДРЕС СТРАНИЦЫ ИЛИ КАРТИНКИ"><img src="АДРЕС КАРТИНКИ-ССЫЛКИ"></a>
4.Вставка нескольких обьектов в одну строку. <nobr>ТЕКСТ (КАРТИНКИ)</nobr>
5.Вставка картинки с красной рамкой 1 пункт (цвет и толщину можно менять)
<img src="АДРЕС КАРТИНКИ" style="border:1px solid red;">
6.Ссылка, на электронную почту <a href="mailto:E-MAIL АДРЕС">ТЕКСТ ССЫЛКИ</a>
7.Вставка картинки <img src="АДРЕС КАРТИНКИ">
8.Делаем таблицу <TABLE> <TR> <TD> ВАШ ОБЬЕКТ</TD><TD> ВАШ ОБЬЕКТ</TD>
</TR></TABLE>
9. Запрет индексации ссылок в поисковых системах - <noindex><a href="http://сама_ссылка.ru" rel="nofollow">текст ссылки</a></noindex>
ДЕЛАЕМ РАМКИ - HTML
Окошко для вставки кода
<textarea rows="2" cols="60"> ВАШ КОД </textarea>
Добро пожаловать!
Рамка пунктир
<blockquote style="border:4px #00B344 dashed; padding: 15px; margin: 0px;">
Добро пожаловать!
</blockquote>
Рамка с разрывом Текста
<fieldset><legend>Запись в разрыве</legend>Основная
запись</fieldset>
Рамка с разрывом Картинки
<fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША
КАРТИНКА</fieldset>
<div style="border: 6px #339966 solid;">
ВАШ ТЕКСТ
</div>
<div style="border: 6px #339966 double;">
ВАШ ТЕКСТ
</div>
<div style="border: 6px #339966 dotted;">
ВАШ ТЕКСТ
</div>
<div style="border: 6px #339966 groove;">
ВАШ ТЕКСТ
</div>
Вместо groove ставим ridge внеший бордюр
inset сверху бордюр
outset снизу бордюр
Лидер в обмене электронных валют
