Hogyan kell behelyezni html képre, és helyezze a megjelenését

Kép - talán ők azok, akik formálják alapvető ismereteket a globális hálózat. Elfogadom, hogy a grafikus információkat egy személy megtanulja az egész sokkal jobb, mint a szöveget. Ezért a képek fontos része minden oldalon és minden weboldalakat. És ezért szeretnék mondani, hogyan kell beszúrni html képet.

Alig néhány évvel az interneten találtam néhány hasznos oldalak és szolgáltatások, amelyek nem kapcsolódnak közvetlenül a helyszínen építési és általános téma ez a blog, de én csak azt akartam ajánlani nektek:

Cashback szolgáltatásokat. mint például Epn.bz és Letishops. Az első takarít akár 15% Aliekspress és a második etapban Cash Back több mint 1000 online áruházak. Járatkereső, csak kiváló szolgáltatást - Aviasales.ru. Keresés több száz oldalakat, és minden lehetőséget a jegyek, akkor válassza ki a legolcsóbb, vagy azok, ahol kevesebb az utazási idő. Ők is van egy nagy tömeg. alkalmazás és a böngésző plugin.

Képek beszúrása a html egy tag

Bizonyára tudod, hogy minden utasítás végrehajtása html címkék használatával. Ez a kép jött egy tag - . Ő az egyetlen, azaz, hogy nem rendelkezik a részhez.

További attribútumok és elrendezése révén css

Tehát elkalandozik a téma a képek megjelenítéséhez elég, hogy adja meg a src attribútum, de a design sok más attribútumokat.

• szélessége és magassága - szélessége és magassága a kép. Meg lehet állítani a megfelelő paraméterekkel rendelkezik az img tag
• összehangolása - a nyomvonal kapcsolatban a szövegben. Az alapértelmezett igazodik a bal oldalra (bal). Azt is fel a jobb oldalon, és a közepén (jobbra, középen)
• alt - alternatív szöveget, mely akkor jelenik meg, ha a felhasználó a képek le vannak tiltva a böngészőjében. Érdemes kitölteni
• cím - gyakorlatilag ugyanaz. Egyfajta kép leírása, amely akkor jelenik meg, ha lebeg felette
• vSpace és hspace - vízszintes és függőleges teret a többi kép tartalmát. Figyelem! Az attribútumok elavultak, és a jobb margó által meghatározott stíluslap
• osztály - stílus osztály, amely tartja magát a képet, és hozza azt a bizonyos stílust

Ma, ajánlott, hogy az összes paraméter megjelenési CSS segítségével, mivel egyből szempontjából szabványoknak. Nézzünk egy példát:

Mi tesz egy szép kép. Már szeretnék énekelni, amikor ránézek itt lógott a előnézeti kép osztály és most css keresztül utal a kép.

megtekintett Betét: 20px;
Margin: 10px;
Border: 5px szilárd narancssárga;
Transzformáció: skewX (10deg);
box-shadow: 0 0 15px 10px lila
>

Létrehoztunk egy képet a belső és külső padding, hogy a keret és a lila elmosódott árnyék, valamint egy kicsit átalakult. És hogy mi történt:

Nos? Ez egyértelműen több hirtelen, mint a probléma csak útján html?

Összefoglalva

Tehát, hogy megjelenítse azt a képet, csak be kell írni az img tag és ez biztosítja a src attribútum, amely megadja az elérési utat a képet. Az összes többi - ez a fejlett funkciókat - a nyomvonal, méret, alternatív szöveg, forgás, keretek, stb

Végül mindezt ideális esetben előírt keresztül CSS. Ez nem a méret a tulajdonságok, és függessze fel a képet egy további stílus osztály, amely meghatározza a méretet. Az ugyanabban a sorban, ami a css lehet tenni az ingatlan text-align. és egy úszó úszó egységet.