ШПАРГАЛКА ПО НАИБОЛЕЕ НУЖНЫМ ТЕГАМ - 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  снизу  бордюр

Лидер в обмене электронных валют

Сэкономить на обмене электронных денег сложно, но можно. Проще всего это сделать когда под рукой есть надежный помощник — BestChange.ru, который 7 дней в неделю, 24 часа в сутки отслеживает по всей сети самые выгодные курсы обмена популярных валютных пар и представляет их своим посетителям. Переходим на BestChange.ru и без регистрации получаем достоверную информацию о более чем 100 авторитетных обменников и возможность за пару кликов воспользоваться услугами любого из них. Изменения курсов мониторятся в режиме реального времени и обновляется каждые 5-8 секунд, таким образом, выгодный обмен гарантирован всегда.

Мой - Блог

Сайт - все о криптовалюте


счётчик стран