Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako do centra obrazu pomocou HTML programovania

Webové stránky kodér používa Hypertext Markup Language povedať webového prehliadača funkčný účel každého prvku na stránke , ako sú odseky , čísel alebo zoznamu . Vzhľadom k tomu , HTML 4 , Cascading Style Sheets poskytli kodér so spôsobom , ako povedať , prehliadač , ako každý z týchto prvkov by mala vyzerať , oddelene od vymedzenie toho , čo je . Stránka môže mať rôzne štýly CSS pre rôzne typy zariadení , ako sú mobilné telefóny a stolových počítačov, čo stránka vzhľad zmeniť bez kodéru potrebujú zmeniť HTML . Používajte CSS vlastnosti na stred obrazu . Pokyny dovolená 1

Umiestnite " img " tag v HTML súbore , kde chcete , aby váš obrázok pre zobrazenie na webovej stránke . Musí byť medzi " telo " značky a po " h1 " značiek . Napríklad ,


Toto je váš textu. < /H1 > < img src = " Foto.JPG " alt = " Popis obrázku " width = " 270 " height = " 50 " /> Spojené

< /body > Spojené

definuje obrázok pomenovaný photo.jpg , že je 170 pixelov široký a 50 pixelov vysoký . To je prvá vec , na stránke po kaloty .
2

definovať priestor okolo prvky stránky , ako sú obrázky , použite " okraje " atribút CSS . " Auto " hodnota atribútu marža hovorí webový prehliadač automaticky určiť množstvo priestoru . Takže A popis picture definuje , že priestor okolo obrazu je určená prehliadači .
3

Použite " zobrazenie " vlastnosť definovať , ako sa zobrazí stránka element . " Blok " hodnota pre vlastnosť displeja hovorí webový prehliadač pre zobrazenie prvku na samostatnom riadku , s priestorom nad a pod ním . Takže , < img src = " photo.jpg " alt = " Popis obrázku " width = " 170 " height = " 50 " style = " margin : auto ; display : block ; " /> definuje rovnaký obraz , ale prídavok . " display : block ; " sa umiestni ju na samostatnom riadku
4

Zobraziť na webovú stránku v niekoľkých rôznych prehliadačoch overiť , že obraz je správne vycentrovaný .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené