Onerfueren Web Designer: wéi Text Flux ronderëm Biller ze maachen

An dësem Artikel, wäerte mir Iech iwwert d'Fonctiounen vun HTML soen an CSS, déi mat de Biller verbonne sinn. Dir wäert léieren wéi se an HTML-Dokument ze opginn. Den Artikel enthält och Informatiounen iwwert wéi d'Bild Astellungen ze änneren, an Text Flux ronderëm d'Bild organiséieren.

Éischt - wéi Bild ze opginn. Fir dës et der Tag "img", déi e puer Attributer huet. Den Haaptgrond vun hinnen - "src". An et Geschäfter d'Adress vun deenen der Browser eng Foto duer kënnt. Dir kënnt de Wee op en Bild uginn schonn am Computer gespäichert, oder e Link zu engem Web Ressource ginn.

Keen der manner wichteg Attributer vun engem Pair - "Breed" (Breet) an "Héicht" (Héicht). Si sinn d'Biller (nëtzlech Optioun fir Béi an compressing Biller) zu manuell resize benotzt.

Duerno Parameteren "hspace" an "vspace" (Distanz aus dem Bild op de ronderëm Text). Kloer, "hspace" - horizontal padding an "vspace" - vertikal.

Mir Tag huet Attributer wéi "Alt" an "Titel". Si sinn ähnlech un all aner, well hiren Zweck ass d'Bild ze beschreiwen. Mä an der "Titel" matzebréngen Text datt ugewisen ass wann een mat der Maus iwwer d'Bild hover, an d'Employeeën Wäert vun "Alt" Spezialfäegkeeten ass am Fall ugewisen, datt et net méiglech war en Bild ze lued.

Et ginn e puer spezifesch Attributer déi am Majoritéit vun Tags präsent sinn. Dëst "accesskey", "Klass", "ID" an "Stil". "Accesskey" definéiert eng Kombinatioun vun Schlësselen, duerch déi den Zougang zu den Objet. "Class" a "ID" - Parameteren mat CSS assoziéiert. Si beschreiwen der Klass bis déi dem Bild gehéiert (oder seng Identifikatioun). "Style" - de Spezialfäegkeeten Text, gesidd dir e gebaut-am Bild CSS-Stil ze setzen.

Ee vun de Parameteren, déi der krut vum Bild definéieren ass "Grenz". Et bestëmmt de deck vun der Grenz ronderëm den Objet a kënnen zu all positiven ganz (an Pixel) ageriicht gin.

Déi nächst Spezialfäegkeeten - "fir". Hien beschreift den Text Flux ronderëm d'Bild. Dës Optioun kann un "ënnen", "Mëtt", "lénks", "richteg" an "Top" ageriicht ginn. All eenzel vun de Wäerter bestëmmt wou op den Text d'Bild ze Plaz. Zum Beispill, ass e Wäert vun "Mëtt" Mëtt Bild un der ënneschter Grenz vun Text ageriicht, während "lénks" - den Objet zu der lénker Säit vun der Text ginn. Mä dat ass nëmmen eng Manéier den Text Flux ronderëm d'Bild ze setzen - HTML.

Et gëtt aner mächteg Outil - CSS (vill méi villsäiteger). Et kënnen ëm déi Bild vill méi effektiv Formatioun der Tag Attributer, dorënner Text Flux benotzt ginn. CSS erlaabt Dir der Parameteren ze definéieren, net nëmmen déi spezifesch Objet, an all déi, wéi him. Zum Beispill, wann s de Arécken vun alle Biller am Dokument zéng Pixel zu uginn wëllt ass, ass dat genuch fir d'CSS-Fichier et mat enger eenzeger Stitch ze konnektéieren: "img {Spillraum: 10px 10px 10px 10px;}" (an der Praxis, sinn d'Zitater net gebraucht!).

A Text Flux ëm Biller, zum Beispill, op der lénker Säit Wäitschoss ass wéi definéiert: "img {fir: lénks;}".

Iwwregens, gesäit de CSS-Code ze Foto net et zu engem Fichier ze schreiwen hun. Fir dës Tag "Stil" ass am HTML gëtt, déi Dir CSS-Code duer kënnt. Mä et gëtt nëmme fir d'Dokument schaffen (wann s de selwechten Code an MÉI HTML-Fichieren ze Artikel wëllt, sollt Dir eng separat Stil Blat schafen).

Elo kënnt Dir "No" Biller vun der Plaz, déi positiv Eegeschafte vun der Tag benotzt, déi fir dës responsabel ass. Fillen gratis de resize ze benotzen oder Text Biller geschenkt. Web Säiten ouni Grafiken Komponente - zimlech traureg Vue, ass et net?