В предыдущих статьях мы рассмотрели все элементы HTML и атрибуты к ним, а так же что и где лучше использовать в создании сайта, в качестве заключения мы ещё раз приведем примеры элементов и какие атрибуты можно к ним использовать:
Заголовки:
<h1> Заголовок </h1>
<h2 align="center"> Заголовок будет по центру экрана </h2>
<h3 align="left"> Заголовок будет ровняться по левому краю</h3>
<h4 align="right"> Заголовок будет ровняться по правому краю </h4>
Параграфы:
<p> Просто параграф </p>
<p align="center"> Этот параграф по центру </p>
<p align="left"> Этот по левому краю</p>
<p align="right"> Этот по правому краю</p>
Перенос строк
<br /> или <br>
Блоки:
<div> Просто блок </div>
<div align="right">Блок выровненный по правому краю </div>
<div align="center"> Блок выровненный по центру </div>
<div align="left"> Блок выровненный по левому краю </div>
Цвета шрифта:
<span style="color:red;" > текст красного цвета </span>
<span style="color:#777;" > текст серого цвета</span>
Стили шрифта:
<strong> Этот текст будет выделен жирным </strong>
<em> Этот текст будет выделен курсивом </em>
<u> Этот текст будет подчеркнутым!!! </u>
<s> Этот текст будет зачёркнут </s>
2 <sup> 2 </sup> = 4 ;
<sub> 2 </sub> Н <sub> 5 </sub> ОН
<FONT SIZE="+2" COLOR="red"> Увеличенный красный шрифт</FONT>
<FONT SIZE="3" FACE="Courier New" COLOR="Violet">Моноширинный фиолетовый текст 3 размера</FONT>
<hr width="50%" align="center" size ="2">
Списки:
Использование арабских чисел:
<ol type="1" >
<li> Начало </li>
<li> Середина </li>
<li> Заключение </li>
</ol>
Использование римских чисел:
<ol type="I" >
<li> Начало </li>
<li> Середина </li>
<li> Заключение </li>
</ol>
Использование букв:
<ol type="a" >
<li> Начало </li>
<li> Середина </li>
<li> Заключение </li>
</ol>
Пример списка начинающего не сначала:
<ol type ="1" start="2" >
<li> Начало </li>
<li> Середина </li>
<li> Заключение </li>
</ol>
Ссылки:
<a href="https://s-lub.ru"> ссылка на сайт s-lub.ru </a>
<a href="/stranica4.html"> ссылка на сайт s-lub.ru </a>
<a href="mailto:admin@s-lub.ru">Написать письмо администрантору s-lub.ru</a>
<a href=https://s-lub.ru target="_blank"> ссылка на сайт s-lub.ru </a>
<a href=https://s-lub.ru title="Создание и продвижение сайта "> ссылка на сайт s-lub.ru </a>
<a href=https://s-lub.ru target="_blank" title="Создание и продвижение сайта"> <img src="html.jpg"></a>
Изображения:
<img src="html.jpg">
<img src="/img/html.jpg">
<img src="домен сайта/img/html.jpg">
<img src="html.jpg" align="right">
<img src="html.jpg" align="right" hspace="15" vspace="15" >
<img src="html.jpg" align="right" width="150" height="150" hspace="15" vspace="15" >
<img src="html.jpg" alt="создать сайт HTML" align="right" width="150" height="150" hspace="15" vspace="15" >
<img src="html.jpg" title="создать сайт HTML" alt="создать сайт HTML" align="right" width="150" height="150" hspace="15" vspace="15" >
<img src="html.jpg" align="right" border="3" >
Цвет и фон
<body background="fon.jpg" ></body>
<body bgcolor="#c8c8c8" ></body>
<body bgcolor="#c8c8c8" text="red" ></body>
Таблицы:
<table border="1">
<tr>
<td>ряд 1 ячейка1</td> <td>ряд1 ячейка2</td>
</tr>
<tr>
<td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td>
</tr>
</table>
<table width="400" height="200" border="1" align="center" bgcolor="#FFF8D2">
<tr>
<td>ряд 1 ячейка1</td>
<td align="center" valign="top">ряд1 ячейка2</td>
</tr>
<tr>
<td align="center" valign="bottom" BACKGROUND ="fon.jpg">ряд 2 ячейка 1</td>
<td align="right" valign="middle" bgcolor="#33FF99">ряд 2 ячейка 2</td>
</tr>
</table>
На этом всё, спасибо что посетили наш сайт, надеемся мы смогли всё доступно объяснить.
Все статьи по теме HTML:
- Введение и основы HTML
- Структура WEB документа
- Синтаксис в HTML
- Пробуем создать первую страничку
- Оформление текста в HTML (часть 1)
- Оформление текста в HTML (часть 2)
- Создание списков в HTML
- Ссылки в HTML
- Вставляем изображения в HTML документ
- Цвет теста и фона в HTML
- Создаём таблицы в HTML
- Что и для чего прописывать в HEAD
- Заключение и подведение итогов по всем пройденным элементам и атрибутам