Как да вмъкнете HTML изображение и поставете външния му вид

Предишен ◈ Следващото

Изображение - може би именно те оформят основата на нашето разбиране на глобалната мрежа. Съгласен съм, че графична информация човек се учи много по-добре, отколкото текст. Ето защо, изображения са важна част от всеки сайт, както и всички уеб страници. И затова искам да ви кажа как да вмъкнете HTML изображение.







Само за няколко години в интернет открих редица полезни сайтове и услуги, които не са пряко свързани с изграждането на обекта и основната тема на този блог, но аз просто исках да ги препоръчвам и на вас:

Cashback услуги. като Epn.bz и Letishops. Първият ще спестите до 15% от Aliekspress и втората ограничавам с Cash Back на повече от 1000 онлайн магазини. Търсене на полети, просто отлично обслужване - Aviasales.ru. Търсения на стотици сайтове и предоставя всички възможности за билети, можете да изберете най-евтините или тези, където има по-малко време за пътуване. Те също имат голяма тълпа. приложения и браузър плъгин.

Вмъкване на изображения в HTML с етикет

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

Допълнителни атрибути и оформление чрез CSS

Така че, ние се отклоня от темата за показване на изображенията, това е достатъчно, за да се уточни SRC атрибут, но дизайнът му има много други атрибути.

  • ширина и височина - Ширината и височината на изображението. Тя може да се зададе в съответните атрибути в тага IMG
  • подравняване - подравняването във връзка с текста. По подразбиране е подравнен вляво (вляво). Можете също така да постави в дясно и в центъра (дясно, център)
  • н - алтернативен текст, който ще бъде показан ако потребителят е изключени изображенията в браузъра си. Полезно е да попълните
  • Заглавното - почти същото. Един вид описание на изображението, което ще се показва, когато мишката върху него
  • vspace и hspace - хоризонтално и вертикално пространство от останалата част от съдържанието на изображението. Внимание! Атрибутите са остарели и по-добри маржове, определени от стилове
  • клас - клас стил, който се прикрепя към картината и да го поставя на някои стилове






Днес се препоръчва да се определят всички параметри на външен вид е чрез CSS, тъй като той е прав по отношение на стандартите. Нека разгледаме един пример:

Как да вмъкнете HTML изображение и поставете външния му вид

Сложихме хубава снимка. Аз вече искам да пея, когато го погледнете тук ние висеше на класа преглед на изображенията и сега с CSS може чрез нея се обърнете към снимката.

преглед Padding: 20px;
Марж: 10px;
Рамка: 5px твърд оранжев;
Трансформация: skewX (10deg);
кутия сянка: 0 0 15px 10px лилаво
>

Добавихме картина вътрешна и външна облицовка, направи рамка и лилаво замъглено сянка, както и малко се трансформира. И това е, което се случи:

Как да вмъкнете HTML изображение и поставете външния му вид

Е? Това е ясно по-рязко, отколкото на въпроса само с помощта на HTML?

За да обобщим

Така че, за да се покаже изображение, което само трябва да напишете на IMG таг и да му предостави атрибута SRC, в който се посочва пътя към изображението. Всички останали - това е разширени функции - подравняването, размер алтернативен текст, въртене, рамки и т.н.

И накрая, всичко това в идеалния случай трябва да бъде предписано чрез CSS. Това не е да зададете размера на атрибутите, и да се мотае на снимката допълнителен клас стил, който ще определи размера. Същата трасето, което е в CSS може да се направи с имот текст подравняване. и поплавък плаващ единици.







Предишен ◈ Следващото