Как да се покаже HTML в текста под снимката

Приветствам ви в моя блог. Днес бих искал да споделя един добър начин, как да пишат в HTML текст под снимката. Това е възможно благодарение на новия маркер, което позволява на членовете на групата.

Как лесно да добавите описание на снимка

Така че, същността на метода се състои в това, че ние изискваме изображението затворени в сдвоен таг

. Тази позиция се появява в HTML5 и ви позволява да обедините необходимите елементи и да го подпише. За отстраняване на заглавието се използва figcaption маркер. да се записват след поставянето на изображението. Кодът изглежда така:

За да синхронизираме надпис в центъра и малък проблем при всички добавите още такива стилове:

Как да се покаже HTML в текста под снимката

Това е всичко, сега текста в средата. Нашият подпис към картината се оказа такова, което обикновено се прави в книгите на чертежите. Съответно, ако трябва да се направи още една снимка с такъв подпис, просто да копирате кода и да го промените по пътя към изображението, а заглавният текст.

Аз не знам какво друго да кажа. Всички други начини за показване на текст под снимката (ако има такива), е ясно и не толкова удобен и лесен за изпълнение, и тук ние се свърже образа и подпис.

Tag фигура се поддържа от повечето популярни браузъри днес. Подкрепа ще бъде не само в много стари версии, но мисля, че много малко хора ги използват, така че можете спокойно да използвате.

Можете също така да се интересуват от