Войти
s-lub » Учебники » HTML » Заключение и подведение итогов по всем пройденным элементам и атребутам

Заключение и подведение итогов по всем пройденным элементам и атребутам

Заключение и подведение итогов по всем пройденным элементам и атребутам

В предыдущих статьях мы рассмотрели все элементы 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
- Заключение и подведение итогов по всем пройденным элементам и атрибутам