Оформление тега. Html-оформление текста
Введение
Памятка призвана помочь начинающим web-разработчикам и блогерам. Предлагаемые инструменты — это тэги HTML (HyperText Markup Language или «язык гипертекстовой разметки», стандартный язык разметки документов в Интернет) и параметры форматирования CSS (каскадные таблицы стилей, формальный язык описания внешнего вида документа, написанного с использованием языка разметки). Параметры форматирования CSS страиваются в тэги HTML с помощью атрибута STYLE.
Если данной памятки для Вас не достаточно, рекомендуем воспользоваться справочниками HTML и CSS .
* В основу памятки легли материалы alex_inside .
Форматирование шрифта
Базовые тэги для работы с текстом:
Обычный абзац с отступом снизу.
* С тэгами можно использовать другие тэги, такие как , , и т.д.
* Внутри тэга
Можно использовать атрибуты для изменения свойств, такие align, style и т.д.
Текст, которому с помощью стиля можно менять свойства.
Ограниченная область, которой можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.).
* По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей .
Форматирование текста:
Полужирный текст
Выделение текста курсивом
Подчёркнутый текст
Зачёркнутый текст
Маленький шрифт
Большой шрифт
Знак сноски сверху или индекс снизу от текста
Текст c подсказкой
Размеры шрифта:
Шрифт размером 13 пунктов
Шрифт размером 15 пунктов
Шрифт размером 9 пикселей
Шрифт размером 12 пикселей
Шрифт размером 15 пикселей
Шрифт 2-го размера (может быть от 1-го до 7-го)
Шрифт 4-го размера
Шрифт на 1 размер больше обычного
Заголовки:
Заголовок 1-го уровня
Заголовок 2-го уровня
Заголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
Заголовок 6-го уровня
Возможные варианты размеров шрифтов (визуальная оценка) доступны .
Оформление текста с помощью шрифтов:
Шрифт Comic Sans Ms
Шрифт Monotype Corsiva
Tahoma, 13 пикселей
Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны .
Оформление текста с помощью цвета:
Синий текст
* Цифра #0000ff означает синий цвет в RGB палитре.
Красный текст
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.
Голубой фон
* У фона тоже можно менять цвет. Обратите внимание, что атрибут style использует синтаксис CSS.
Синий текст, серый фон
Некоторые предопределённые цвета:
Black
White
Red
Green
Blue
Purple
Firebrick
Maroon
OrangeRed
MidnightBlue
CornflowerBlue
Cyan
Yellow
Magenta
DarkGreen
DarkGoldenrod
Gold
Orchid
BlueViolet
Burlywood
PeachPuff
Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RR GG BB ):
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF
Возможные варианты палитры цветов и их кодов/наименований доступны .
Оформление текста с использованием тени/подсветки:
Свойство text-shadow имеет четыре параметра: X Y амплитуда цвет
.
X
— горизонтальное смещение тени/подсветки к тексту. Положительное значение — смещение вправо, отрицательное значение — смещение влево.
Y
— вертикально смещение тени/подсветки к тексту. Положительное значение — смещение вниз, отрицательное значение — смещение вверх.
Амплитуда
— чем выше значение, тем больше степень размытия.
Цвет
— тёмные тона дадут тень, светлые тона — «подсветку».
Примеры использования:
Только тень
Tahoma с тенью
Tahoma с контуром
Tahoma вдавленный
Tahoma объёмный
Tahoma неоновый
Tahoma неоновый
Tahoma неоновый
Tahoma, много оттенков
Выравнивание текста и форматирование параграфов
Выравнивание текста:
Выравнивание текста по левой стороне
Выравнивание текста по центру
Отцентрированный текст
Выравнивание текста по правой стороне
Выравнивание текстов по обеим сторонам — для текстов, имеющих длину более одной строки
Вариант выравнивания текстов по обеим сторонам с использованием параметра форматирования CSS
Оформление сносок (комментариев) с отступом абзаца:
Процитированый в отдельном блоке текст
у которого будет небольшой отступ слева.
Форматирование параграфов и областей:
Врезанный, обтекающий другим текстом, текст с правого краю с выравниванием слева, с серой рамкой и отступом от рамки снаружи в 8 пикселей
ВНИМАНИЕ! Этот блок вставлен в текст перед (!) словом «Привет!»
Привет! В этом абзаце первое предложение будет с "красной" строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
Преформатированый текст сохраняет отступы слева и между словами и устанавливает те отступы, что вы укажите пробелами. Предупреждение! Тэг не делает переноса строки автоматом!
с выравниванием справа.
Текст с правого краю в две строчки,
с выравниванием слева.
< br clear="all" >
Бегущая влево строка.
Бегущая вправо строка.
Бегущая от края к краю строка.
Скролящийся вверх
текст с полезной
информацией.
Скролящийся вниз
текст с полезной
информацией.
Вертикальная перемотка большого текста:
Лорем ипсум долор сит амет, консектетур адиписицинг элит, сед до эиусмод темпор инцидидунт ут лаборе эт долоре магна аликуа. Ут эним ад миним вениам, кьюс ноструд эксерцитатьён ульламко лаборис ниси ут аликуип экс эа коммодо консекуат. Дьюс ауте ируре долор ин репрехендерит ин волуптате велит эссе киллум долоре эу фугиат нулла париатур. эксцептеур синт оккаекат купидатат нон пройдент, сунт ин кульпа куй оффициа десерунт моллит аним ид эст лаборум.
Вертикальная перемотка большого текста c HTML-кодом:
Текст без html, шириной в 55 символов и высотой в 5 строк.
Даже скролить можно, круто, да!? А html не работает.
Но лучше используйте div из предыдущего примера, если нужна просто прокрутка…
Интерлиньяж (межстрочный интервал) текста:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.
Отступы объектов
Границы областей в разделе сделаны видимыми (пунктиром) для оценки отступов.
Область с отступом сверху в 10 пикселей
Область с отступом слева в 20 пикселей
Область с отступом справа в 250 пикселей
Область с отступом снизу в 15 пикселей
* Закрывающий тэг не обязателен для использования.
Также можно выбирать разные виды списков через стиль:
Значения list-style-type для списков:
circle — маркер в виде кружка
disc — маркер в виде точки
square — маркер в виде квадрата
decimal — арабские числа (1, 2, 3, 4,…)
decimal-leading-zero — арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,…)
lower-alpha — строчные латинские буквы (a, b, c, d,…)
upper-alpha — заглавные латинские буквы (A, B, C, D,…)
lower-greek — строчные греческие буквы (α, β, γ, δ,…)
lower-roman — римские числа в нижнем регистре (i, ii, iii, iv, v,…)
upper-roman — римские числа в верхнем регистре (I, II, III, IV, V,…)
none — отменяет маркеры для списка.
Картинки
- пример вставки картинки.
width="200px"
>
- размер картинки по ширине.
height="500px"
>
- размер картинки по высоте.
Изображение со всплывающим текстом при наведении на него курсора:title="Этот текст появится при наведении курсора на картинку!" alt="А этот при её отсутствии"
>
Изображение слева, текст обтекает картинку справа и имеет горизонтальный отступ от неё в 6 пикселей:style="float: left ; margin:0 6px 6px 0 "
>
текст
Пишем текст поверх картинки:
Старайтесь не злоупотреблять этим вариантом,
потому что данный способ часто затрудняет
читаемость текста, в зависимости от картинки.
Картинка в выделенной области, с прокруткой:
Отображаемую ширину указываем внешнему div-контейнеру в атрибуте width
в пикселях. Для вертикальной прокрутки, указываем высоту height
. Ширина и высота должна быть меньше чем у картинки.
Всплывающая подсказка
, отображающаяся при наведении курсора на ссылку:
Оглавление:
Здравствуйте, уважаемые читатели блога. В прошлой статье я рассмотрел блочные теги для структурирования текста. А сегодня мы рассмотрим оформление текста html-страницы , т.е. рассмотрим теги, которые помогут выделить важные фрагменты текста, чтобы привлекать к ним внимание посетителей. А также научимся вставлять на страницу специальные символы.
Выделение фрагментов текста. Теги strong и em.Самым важным средством HTML применяющемся для выделения важных фрагментов текста является тег . Он выделяет текст полужирным шрифтом. Выделять текст полужирным шрифтом умеет также тег . Хоть теги и похожи по своему действию, но они не являются эквивалентными. Тег является тегом физической разметки и просто устанавливает полужирное начертание текста. А является тегом логической разметки и отмечает важность выделенного текста. Тег имеет более важное значение при поисковой оптимизации сайта и его содержимое имеет больший вес для поисковиков.
Для курсивного
выделения фрагментов текста применяются теги и
. Содержимое этих тегов выводится под наклоном имитируя рукописный шрифт.
При разработке web-сайтов для выделения текста чаще применяются теги и , чем теги и . Пример использования тегов , , и для оформления текстов:
HTML (от англ. HyperText Markup Language - «язык разметки гипертекста»; произносится эйч-ти-эм-эл) - стандартный язык разметки документов во Всемирной паутине .
И выглядит это так:
Применим теги и на нашей страничке из предыдущих статей:
Сайт об автомобилях.
Добро пожаловать на наш автомобильный сайт. Здесь Вы найдете много интересных и полезных статей об автомобилях, об их технических характеристиках и особенностях.
Научным языком автомобиль это:
Механическое моторное безрельсовое дорожное транспортное средство минимум с 4 колёсами .
Классификация автомобилей
Автомобили бывают следующих типов:
- Легковой;
- Грузовой;
- Внедорожник;
- Багги;
- Пикап;
- Спортивный;
- Гоночный.
Результат:
Кроме элементов , , и в HTML имеется множество тегов для оформления текста html документа. Привожу краткий список таких тегов:
- — Аббревиатура . по умолчанию в браузере отображается подчеркнутым;
- — Акроним . В отличие от аббревиатуры обозначает устоявшееся сокращение. Отображается подчеркнутым;
- — небольшая цитата , отображается курсивом;
- — фрагмент исходного кода программы , отображается моноширинным шрифтом;
- — отмечает текст, удаленный из Web-страницы, отображается зачеркнутым;
- — обозначает новый термин в документе, отображается курсивом;
- — используется для выделения текста, который был добавлен в новую версию документа, отображается подчеркнутым;
- — применяется для выделения данных вводимых с клавиатуры , либо для названия клавиш , выводится моноширинным шрифтом;
- — используется для выделения цитат , содержимое автоматически помещается в кавычки;
- — обозначает данные, выводимые какой-либо программой, отображается моноширинным шрифтом;
- — фактически тоже самое что и , только является тегом физической разметки, а — логической. отображается моноширинным шрифтом;
- — выделение имени переменной в исходном коде программы, отображается курсивом.
И вот так они отображаются в браузере:
Как мы узнали из предыдущих статей, для перевода строк используются блочные элементы, в частности тег
Выделяющий абзац.
Давайте поместим на нашу web-страницу сведения об авторских правах:
Все права защищены. 2013 год.
Сайт об автомобилях.
Результат:
И как мы видим строки разделены слишком большим расстоянием, как-будто они не имеют друг к другу никакого отношения. В этом случае для разрыва строк лучше использовать тег
. Этот тег устанавливает перенос строки
, но в отличие от тега
Не устанавливает отступ перед строкой. Применим тег
на нашей страничке:
Все права защищены. 2013 год.
Сайт об автомобилях.
Так гораздо лучше:
Поэтому в некоторых случаях при оформлении текста html страницы не забывайте про тег
.
Иногда на web-страницу требуется вставить какой-нибудь специальный символ, например такие символы: , ©. Для вставки специальных символов в HTML используются литералы. — это последовательность символов, которая начинается с символа & и заканчивается символом ; , а между ними помещается последовательность букв — код символа . Так для вставки символов , © используются соответственно следующие литералы: Все Программы->Стандартные->Служебные->Таблица символов» или нажать WIN+R и набрать в окне выполнить charmap. Появится окно «Таблица символов».
Если в списке символов выделить символ, который нельзя ввести с клавиатуры, в строке статуса с левой стороны появится надпись вида «Клавиша: Alt+ ». Берете это код символа и вставляете в литерал. Для примера вставим символ © в нашу страницу с помощью кода символа. Выделяем этот символ в «Таблице символов» и в статусной строке с левой стороны видим надпись «Клавиша: Alt+0169». Берем код «0169» и в нашей web-странице вместо литерала вставляем © :
Все права защищены. ©
2013 год.
Сайт об автомобилях.
И убеждаемся, что на странице отображается все правильно.
На сегодня у меня все. Как всегда подведу итоги:
для разрыва строк
без отступов применяем тег
;
и для вставки специальных символов используем литералы вида: &; или & .
В следующей статье я расскажу как вставлять картинки на страницу, поэтому советую
Выделение текста с помощью html-теговЭта статья не претендует на полноценный справочник по html-тегам, но если вам интересна тема, то предлагаю разобраться в значении большинства необходимых нам тегов для выделения текста.
Чаще всего текст на страничке выделяют жирным шрифтом или курсивом. Для этого есть специальные теги и (выделяют жирным), а также и (курсивом). Все они парные, то есть нужные слова нужно поместить между открывающим и закрывающим тегом. Казалось бы, зачем придумали два тега для одного и того же действия?
На самом деле в html они выполняют не только оформительскую роль, но и смысловую. Так, тег b просто выделяет тег жирным, не придавая ему большего смысла, а вот strong помимо простого выделения еще и придает словам особую важность. Поэтому этим тегом не стоит выделять полтекста, а использовать разумно.
В CSS также есть свойства, которые обладают таким же эффектом, что и перечисленные теги. Например, свойство font-weight: bold делает текст жирным, а font-style: italic – курсивным.
Подчеркивание и зачеркивание текстаДля подчеркивания и зачеркивания тоже есть свои теги. подчеркивает слова, а — зачеркивает их. Чтобы добиться такого же эффекта через css, применяют свойство text-decoration. У него есть несколько значений:
Underline – подчеркивание снизу;
Overline – подчеркивание сверху;
Line-through — зачеркивание;
И еще, для этого свойства через пробел можно прописать несколько значений. По сути, можно даже дать ему все три вида подчеркиваний, только не вижу смысла в этом.
В HTML 5 ввели еще один тег — mark, который позволяет просто выделить текст. По умолчанию он выделяется желтым цветом, хотя через css вы можете легко переназначить это и создать свое выделение, которое соответствует дизайну вашего сайта.
Вывод текста в верхнем и нижнем индексеНемного разобрались, но что если вам надо написать формулу или что-то другое, где нужно вывести некоторые цифры или буквы в верхнем или нижнем индексе. Конечно, html предоставляет нам для этого нужные средства. Тег sub отображает шрифт в виде нижнего индекса, а sup — в виде верхнего. Также это можно сделать через css. Для этого нужному тексту надо прописать:
vertical-align: sub | super
vertical - align : sub | super |
Font-size: размер шрифта, чуть меньший, чем у обычного текста
Как оформить текст с помощью CSS?Если вам нужно оформить шрифт с помощью css, то к нему нужно как-то обратиться с помощью селектора. Одно дело, если вам надо выделить целый абзац или ссылку, тогда селектор у вас есть, но что, если оформить нужно одно слово где-то в середине статьи? Для этого существует замечательный парный тег span, который никак не влияет на внешний вид своего содержимого и не придает ему никакого смысла.
Соответственно, нужный вам для оформления фрагмент заключаем в span, привязываем к нему произвольный стилевой класс и пишем стили без каких-либо проблем!
Вывод текста с сохранением пробелов.В html существует тег pre, который позволяет вывести информацию так, как написано в текстовом редакторе. Это может пригодиться, если вы пишете стих или нужно поставить несколько пробелов. Нор через css тоже можно управлять форматированием текста. Для этого существует свойство white-space. Его значения:
Nowrap – слова отображаются одной строкой без переносов. Если они не влезают в строку, появится горизонтальная прокрутка.
Pre – действует аналогично тегу pre
Pre-wrap – аналогично предыдущему значению, но автоматически переносит текст на новую строку, когда он перестает помещаться (пожалуй, самое лучшее значение)
Выравнивание текстаМы уже рассмотрели некоторые html теги для текста, но еще стоит упомянуть выравнивание. Оно задается не тегами, а через css-свойство text-align:
Right – по правому краю.
Left – по левому.
Center – по центру (например, для заголовков)
Justify – по ширине. Это значение означает, что слова в строке будут растянуты так, чтобы занять всю ее ширну.
Цвет и фон текстаОпять же, это уже невозможно задать с помощью html-тегов, зато можно через css. Мы опять же приходим к выводу, что использовать теги для редактирования текста html не очень удобно. Для цвета самого текста есть свойство color, которое имеет много значений. Цвет можно задавать как с помощью ключевых слов (orange, black, red), так и с явным указанием цветового режима: color: rgb(130, 100, 12). Фон задается абсолютно также, но только с помощью свойства background.
Размер и шрифт текстаСвойство Font-size задает размер шрифта, а font-family позволяет выбрать сам шрифт или его семейство. Например.
Чтобы визуально оформить и выделить текст в html применяют такие элементы:
STRONGВыделяет текст жирным шрифтом:
Между этими тегами текст будет выделен жирным шрифтом EM (Emphasis)Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом:
Этот текст будет выделен курсивом U (Underline)Отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый:
Данный текст подчеркнутый SUBОтображает текст, заключенный между открывающим и закрывающим тегами, как нижний индекс от основного текста.
Формула пропана С 3 Н 8Результат: С 3 Н 8
SUPИспользуется для создания верхнего индекса. Например:
Будет выглядеть 2 5 = 32.
FONTИспользуется для изменения цвета, шрифта и размеров и текста.
Атрибуты:
SIZE
- с помощью него можно менять размер шрифта. Возможные значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.
COLOR
- задает цвет текста.
FACE
- для определения шрифта (Times New Roman, Arial, Tahoma)
Например:
Этот текст без оформленияУвеличенный желтый шрифт
Красный текст 3 размера
При просмотре в браузере увидим:
SIZE="+2" это значит увеличенный шрифт на 2 единицы по сравнению со стандартным. Стандартный размер шрифта равен 3 .
HRПрименятся для вставки в текст горизонтальной линии. Отличительная особенность – нет закрывающего тега.
Атрибуты:
ALIGN
– определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
left
– выравнивает по левому краю документа.
right
– выравнивает по правому краю.
center
– выравнивание по центру документа (используется по умолчанию).
WIDTH
– применяется для определения длины линии в пикселах или процентах от ширины страницы.
SIZE
– толщина линии в пикселах.
NOSHADE
– с помощью этого атрибута линия закрашивается как сплошная. Без него – линия выглядит объемной.
COLOR
– задаем цвет линии.
Например:
Текст до линии Текста после линииА это линия толщиной 3px без noshade
А здесь линия c noshade закрашенная в красный цвет
Результат:
Следующая страница -
HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.
Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.
Все HTML-элементы делятся на пять типов:
- пустые элементы
— , ,
, , , ,, ,
Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта. Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение.
Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов. Тег для создания таблицы. Определяет тело таблицы. Создает ячейку таблицы. Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом. Создает большие поля для ввода текста. Определяет нижний колонтитул таблицы. Создает заголовок ячейки таблицы. Определяет заголовок таблицы. Определяет дату/время. Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия. Создает строку таблицы. Добавляет субтитры для элементов и . Выделяет отрывок текста подчёркиванием, без дополнительного акцента. Создает маркированный список. Выделяет переменные из программ, отображая их курсивом. Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg. Указывает браузеру возможное место разрыва длинной строки. Для удобства пользования я сгруппировала теги по тематическим разделам, добавив значения свойства display для каждого тега. Чтобы перейти к таблице, кликните по рисунку.
Читайте такжеПолезно знать2024-09-09 11:13:42 Нет комментариев
Интернет2024-09-09 11:13:42 Нет комментариев
Программы2024-09-09 11:13:42 Нет комментариев