Элементы DIV и SPAN - используются для
выделения части документа определенным способом.
DIV -
используется как удобный контейнер для блоков html кода
страницы, которым легко динамически манипулировать – перемещать,
регулировать отступы, скрывать и т.п. Обязателен закрывающий тег!
Пример:
Если необходимо выровнять первые две строчки
текста из предыдущего примера по правому краю, не выделяя при этом их в
абзац. Как это сделать?
<div
align="right">
первая строка <br> вторая строка <br>
</div>
третья строка
<p>
Новый
параграф и внутри которого также можно использовать
тег
<br>
переноса строки. </p>
нажмите чтобы увидеть результат
Примечание:
Находящиеся между начальным и конечным тегами
текст или HTML-элементы выделяются как бы в отдельный параграф(но
отступы гораздо меньше), кроме того
SPAN
- Используется для выделения части информации и
придания ей различных стилей. Закрывающий тег обязателен!
Сам по себе, без использования стилей, элемент SPAN никакого смысла
не имеет!
Пример:
Напишем внутри тела документа следующее:
При изучении <span> HTML </span> - у Вас проблем не возникнет!
нажмите чтобы увидеть результат
Как видно, элемент span
никакой роли не сыграл! Однако, если прописать какой ни будь стиль этому
элементу, то он начнет работать!
Пример:
Напишем внутри тела документа следующее:
При изучении <span style="color:red;"> HTML
</span> - у Вас проблем
не возникнет!
нажмите чтобы увидеть результат
Примечание: подробнее о стилях в курсе
CSS.
Таким образом с помощью элемента SPAN
можно хоть каждой букве в тексте присвоить разный стиль(цвет, размер, и.т.д.)