Menu
Coddy logo textTech

Элементы Div

Часть раздела Основы путешествия по HTML на Coddy. Урок 25 из 60.

Представьте, что вы хотите разбить веб-страницу на блоки, чтобы организовать свой контент. В HTML вы можете использовать div, чтобы сгруппировать элементы вместе. 

Теги div отлично подходят для создания макетов и разделения разделов.

Вот базовый синтаксис:

<div>
	<!-- Содержимое идёт сюда -->
</div>

Вы можете добавлять другие HTML-элементы внутрь div, например абзацы, заголовки, изображения и даже другие элементы div

Вот пример использования тегов div для создания простой структуры с заголовком, основной областью содержимого и нижним колонтитулом:

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>
challenge icon

Задание

Легко

Создай 3 элемента div, расположенных один за другим в твоём HTML-документе. 

Внутри каждого div добавь тег p, содержащий название понравившегося тебе фильма.

Попробуйте сами

<!DOCTYPE html>
<html>
    <body>
        <!-- Напишите код здесь -->
    </body>
</html>
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Основы

Потренируйтесь самостоятельно: Песочница Web