Рубрика «Дизайн сайта»

Как выровнять текст по ширине?

Выравниванием по ширине называется такой способ форматирования текста, когда левый и правый края текста выравниваются по вертикальным линиям (рис. 1).

Как выровнять текст по ширине?

Рис. 1. Выравнивание текста по ширине

Для выравнивания правого края текста браузер добавляет пустые промежутки между слов, что иногда смотрится неаккуратно.

Как сделать волнистое подчёркивание текста?

Волнистое подчёркивание обычно применяется для выделения текста с орфографическими или иными ошибками.

Само подчёркивание делается через свойство text-decoration со значением underline, а вот стиль и цвет линии задаются через свойства text-decoration-style и text-decoration-color. Таким образом, для нашей задачи понадобится три

Как сделать подчёркнутый текст?

В HTML4 для подчёркивания слов применялся элемент <u>. В HTML5 статус этого элемента изменился, теперь он используется для выделения слов, которые как-то отличаются от остального текста. К примеру, слова с ошибками лучше помечать именно с помощью <u>, при этом текст

Как сделать текст жирным?

Чтобы выделить отдельные слова в предложении жирным начертанием в HTML применяется два элемента:

  • <b> — просто делает текст жирным;
  • <strong> — говорит, что выделенный текст является важным и отображает текст жирным.

Обратите внимание, что <strong> в первую очередь сообщает о

Как сделать, чтобы в текстовом поле заранее выводился опредёленный текст?

Для создания однострочного текстового поля применяется элемент <input>. Чтобы получилось не просто пустое поле, а поле с заранее выведенным текстом, нужно к <input> добавить атрибут value и ему присвоить желаемую строку, как показано в примере 1.

Пример 1. Использование атрибута value

CMS WordPress

Фирмы, занимающиеся разработкой сайтов, обычно создают индивидуальную CMS лишь в особых разработках, когда задача нестандартна и сложна. А когда задача обыденна, эти же фирмы применяют уже готовые решения,

Как добавить картинку на веб-страницу?

Для добавления изображения на веб-страницу применяется элемент <img>, его атрибут src определяет путь к графическому файлу, который обычно хранится в формате PNG или JPEG. Также для <img> необходимо указать обязательный атрибут alt, он устанавливает альтернативный текст, который описывает содержание картинки.

Как добавить рамку к изображению при наведении?

Рамка вокруг изображений делается с помощью свойства border, которое добавляется к селектору img. Чтобы рамка появлялась только при наведении курсора мыши на картинку, следует воспользоваться псевдоклассом :hover, как показано в примере 1.

Пример 1. Добавление рамки

<!DOCTYPE html>
<html>
 <head>
  <meta 

Как добавить рамку к изображению?

Для добавления рамки к изображению применяется стилевое свойство border, которое следует добавить к селектору img. В качестве значения одновременно указывается толщина рамки, её стиль и цвет. Например, для создания сплошной рамки толщиной два пикселя красного цвета необходимо записать border: 2px

Как добавить скруглённые уголки к картинке?

Чтобы получить изображение не с прямыми, а со скруглёнными уголками, к селектору img следует добавить свойство border-radius со значением, определяющим радиус скругления. В примере 1 этот радиус задан как 10 пикселей. К каждому <img> для наглядности добавлена рамка, которая повторяет контур изображения.