Designers entènèt Novice: kòman yo fè koule tèks alantou imaj

Nan atik sa a, n ap di ou sou karakteristik yo ki nan HTML ak CSS, ki fè yo ki asosye ak imaj yo. Ou pral aprann ki jan yo insert yo nan HTML-dokiman. Atik la tou gen enfòmasyon sou jan yo ka chanje anviwònman yo foto, ak òganize koule tèks alantou imaj la.

Premye - ki jan yo insert imaj. Pou sa a gen tag "img a", ki te gen atribi plizyè. Prensipal la nan yo - "src". Nan sa a, magazen adrès la soti nan ki navigatè a ka insert yon foto. Ou ka presize chemen ki mennen nan yon imaj deja ki estoke nan òdinatè a, oswa pou bay yon ap mennen nan yon resous entènèt.

Okenn atribi ki mwens enpòtan nan yon pè - "lajè" (lajè) ak "wotè" (wotè). Yo itilize yo a manuelman rdimansyonman imaj yo (itil opsyon pou etann ak konprime imaj).

Swivi paramèt "spas" ak "vspas" (distans soti nan la imaj yo nan vwazinaj la tèks). Klèman, "spas" - orizontal padding ak "vspas" - vètikal.

Nou tag gen atribi tankou "alt" ak "title". Yo se menm jan ak youn ak lòt, depi objektif yo se yo dekri imaj la. Men, nan "title" tèks la preskri ki parèt lè ou hover sourit la sou imaj la, ak valè a literal nan "alt" atribi se parèt nan evènman an ki téléchargement imaj echwe.

Gen yon kèk atribi espesifik ki ap prezan nan majorite a nan Tags. Sa a "accesskey", "klas", "didantite" ak "style". "Accesskey" defini yon konbinezon de kle, nan ki aksè nan objè a. "Gwoup" ak "didantite" - paramèt ki asosye ak CSS. Yo dekri klas la nan ki ki dwe nan foto a (oswa idantifyan li yo). "Style" - nan atribi tèks, ki pèmèt ou mete yon bati-an imaj CSS-style.

Youn nan la paramèt ki defini nan aparans nan la imaj se "fwontyè". Li detèmine epesè a sou fwontyè a nan objè a epi yo ka mete nan nenpòt nonb antye relatif pozitif (nan piksèl).

pwochen atribi a - "fè aliman". Li dekri la tèks koule alantou an imaj. ka Opsyon sa a dwe mete nan "anba", "mitan", "kite", "dwa" ak "tèt". Chak nan valè yo detèmine kote yo mete imaj la sou tèks la. Pou egzanp, se yon valè de "presegondè" imaj mitan ki aliyen ak fwontyè ki pi ba nan tèks, pandan y ap "kite" - objè a pral nan kite nan tèks la. Men, sa a se sèlman yon fason yo mete koule nan tèks alantou imaj la - HTML.

Gen yon lòt zouti pwisan - CSS (pi plis versatile). Li kapab itilize pi plis efektivman mete atribi ki tag, ki gen ladan koule tèks alantou imaj la. CSS pèmèt ou defini nan paramèt, se pa sèlman nan espesifik objè, ak tout moun tankou l '. Pou egzanp, si ou vle ou presize dekoupaj an nan tout imaj nan dokiman an se dis piksèl, li se ase pou konekte avèk CSS-dosye nan li ak yon fil sèl: "img {Marge: 10px 10px 10px 10px;}" (nan pratik, quotes yo yo pa bezwen!).

Yon koule tèks alantou imaj, pou egzanp, sou kwen an kite defini kòm: "img {aliman: kite;}".

By wout la, yo ajoute CSS-Kòd la pa gen yo ekri l 'nan yon dosye-a. Pou fè sa nan HTML bay tag "style la", nan ki ou ka insert CSS-kòd. Men, li pral sèlman travay pou dokiman an (si ou vle ajoute kòd la menm nan plizyè HTML-dosye, ou ta dwe kreye yon fèy style separe).

Koulye a, ou ka "delye" imaj yo sit, lè l sèvi avèk pwopriyete yo benefisye nan tag a, ki se responsab pou sa a. Santi yo lib yo sèvi ak rdimansyonman an oswa vlope foto tèks. paj web san yo pa grafik eleman - byen tris je, se pa li?