Hvernig á að HTML til að setja inn mynd, bakgrunnsmynd. Hvernig á að setja mynd inn HTML með tölvuna í miðju, á borð

Sjónræn hluti er einn af mikilvægustu þegar unnið er með síður. Auðvitað, virkni er óæðri, heldur einnig til að kasta burt með það ætti ekki að vera reikningur. Við skulum tala um hvernig tölva á staðnum til að setja HTML mynd. Einn möguleiki fyrir þetta er að finna, eða nokkrir? Hvernig á að HTML til að setja inn mynd sem aðrir hafa séð hana? Hvaða betri notkun - PC eða miðlara?

Hvað er HTML?

Markup Language stiklutextaskjöl - að skammstöfun stóð fyrir. Með það kjölfesta í framtíðinni staður, hér vann hún að setja helstu þætti. Þá setja upp stílblöð og PHP-skrár sem eru ábyrgir fyrir sendingu gagna. En í hjarta hvers síðunni er bara HTML. Með það, við the vegur, myndin sett. Það eru aðrar leiðir, en ef þú vilt að veita fyrstu gjald af einhverju einföldu, svo sem teikningu, að nota nafn hans. Og nú skulum fara að skýra spurninguna sem á að HTML til að setja inn mynd.

Notkun img tag

Getting til notkunar grafík. Hvernig á að setja bakgrunnsmynd í HTML-skjal? Og fyrst og fremst átt við með þessi skrá sem innskot á síðu hlut. Fyrir hér þessa viðbót og er notað img. Þetta merki er lína þætti, þar sem innihaldið er dlsplaceable. Það felur í sér öll fjögur Hyper Text Markup Language. Einn - er src, hæð og breidd, þeir verður að teljast frekar. Þrír aðrir - þetta hlut, embed (til að setja inn margmiðlunarefni) og iframe (notkun eldi). Tag virkar eins og ef það hefur línu hlut. Eini munurinn - er notað án leyfis utanaðkomandi efni, sem birtist. Og það verður að vera aðili að skrá sem, í raun, verður hlaðinn. Ef þú ert með spurningu, hvernig á að setja bakgrunnsmynd í HTML, það er best að henda henni. Vegna þess að það verður birt þegar starfa tölvunni sjálfri, sem myndin er staðsett.

Notkun src eiginleiki

Svo við erum að íhuga málið um hvernig á að setja inn HTML skjal í grafískri mynd. Að tilgreina slóðina að myndinni, sem er að vera hlaðinn með src. Almenna kerfinu er sem hér segir: þú þarft að nota þennan eiginleika, an samasemmerki og sláðu inn veffangið.

Þegar þáttun HTML flettitæki kemur til tag, það verður strax að búa til svæði þar sem línan atriði mun birtast. Það er í honum og mun hlaða utanáliggjandi skrá. Slóðin ætti ekki að innihalda villur, þar sem það er fyrir hann að fara til the program. Og ef hún er ekki að finna skrána, mun það birta villu táknið sem er ekki mjög fagurfræðilega ánægjulegt og lítur. Hvernig á að setja inn mynd í borð HTML-skjal? Það er nauðsynlegt að skrá alla kóða á réttan stað.

Stilla myndina á þjóninum: hæð og breidd tag img

Þannig að við vitum hvernig á að HTML til að setja inn mynd. Leyfðu okkur nú kanna hvernig á að stilla það. Þegar skrá er hlaðið til notandans byrjar á tölvunni, mun það vera strax skilgreind mynd stærð. Og hvað ef það er ekki í samræmi við fyrstu breytur sem óskað? Í þessu tilviki, breytur geta hjálpað hæð og breidd (fjölda punkta). Í þessu tilviki, kóðinn verður mælt sem hér segir: Í fyrsta lagi src og heimilisfang af the skrá. Þá að svipuðum stofnunum kynna breidd og það ætti að vera breidd. Og síðast - hæð og hæð. Webmasters gera oft mistök: miðlara hlaða upp stórum skrám sem stærð er nokkur megabæti. Ávísað leið og stillir myndina að viðkomandi stærð. Þess vegna, getur notandinn hugleiða eins alveg hægt hlaðinn litla mynd. Þetta er ekki mjög aðlaðandi útlit að utan.

Tillögur um vinnu

Til að forðast neikvæð fyrirfram minnka stærð mynda. Ef þú ert ekki viss hvaða valkostir eru nauðsynleg fyrir aðlaðandi útlit, gera afrit og gera tilraunir með það. Einnig skal þess gætt að nálgast þyngd stjórnun. Það er nauðsynlegt að framkvæma án gæði tap þyngd minnkun ímynd skrá með ummyndun aðrar viðbætur eða með því að nota sérstaka þjónustu á netinu og áætlanir. Það hentar ekki aðeins fyrir notendur á vefnum, en einnig vefstjóra - því slíkar skrár verður hlaðinn hraðar og hernema minna pláss á hýsingu.

Dæmi hljóðritun hæfileiki

Við skulum líta á hvernig þú getur sett slóðina að myndinni:

1. Einn skrá nafn.

2. Athugið myndin netfang er staðsett á annarri staðbundinni tölvu (server).

3. Ítarlegar Slóð að staðsetningu skrárinnar á mismunandi gestgjafi.

Þegar dæmi um fyrstu málsgrein myndinni verður að vera í sömu möppu og myndinni. Annað staðsetning er undirmöppu miðað við núverandi síðu. Þriðja dæmið tilgreinir alger Slóð hvar á að finna myndina sem þú vilt. Í síðara tilvikinu, athugið að myndin getur verið á hvaða miðlara (ef slík notkun er ekki bönnuð í Htaccess skrá). Hins vegar, ef það er fjarlægt, og myndin á síðuna þína hverfur. HTML er eiginleiki sem krefst nærveru aðeins skjal Markup, og allt annað er hægt að hlaða á miðlara megin. Þessar aðferðir eru oft notaðar til að auka hraða við niðurhal (en þá þarftu að vita hvernig á að nota þetta tól).

Ráðning ALT og titil til img?

Hvað á að gera þegar myndskrá, af einhverjum ástæðum, er ekki hlaðinn með skjal HTML? Ef það er rangt að vegi eða eitthvað annað, alt eiginleiki ætti að nota. Hann hefur það hlutverk að kynna aðra mynd. Hér gerum við ráð fyrir að Grafíkin er ekki hlaðinn. En vafrinn mynda enn svæði undir myndinni. Það er einnig nauðsynlegt í þeim tilvikum þar sem notandi ætlast podgruzki, og þú verður að sýna honum að forritið er tilbúinn til að samþykkja áætlun.

Að sýna fram á meðfylgjandi texta, sérstakt eiginleiki titil. Í raun er þetta ábending, og þú getur notað það fyrir næstum hvaða sjón HTML-kóða frumefni. Þetta er gott vegna þess að það gerir þér kleift að útskýra ákveðna þætti. Using tvær sjást í þessari undirstrikaða eiginleiki er sem hér segir: í dæminu hér að ofan eftir að fyrsta hæð safna ALT, og síðan titilinn.

Þar að auki, þessir eiginleikar geta ekki aðeins þjóna þeim tilgangi að búa til þæginda fyrir gesti. Þeir geta haft jákvæð áhrif á kynningu á síðuna. Svo, þetta ætti að vera haldið á notkun þeirra leitarorða. Þetta mun bæta stöðu auðlind í röðun vefsvæða og þjónustu myndum leitarvélum. En í öllu sem þú ættir að vera varkár og skynsemi.

samræma myndir

Fyrir myndir og almennt öllum 4 af Markup Language þáttum sem áður voru nefnd, var kynnt af eigindi. Með henni er hægt að breyta staðsetningu á myndunum. Við vanræksla, það er í takt við neðri brún. Því að það er í botni. Og hvernig á að gera efst? Þetta krefst toppur. Í reynd mun líta svona út: eftir SRC, þar sem heimilisfang myndinni gefur til kynna, bæta eigindi og gildi þess.

Og í samræmi, þar er mynd, verður það að vera í takt við efri brún. Hvernig á að HTML til að setja inn mynd í miðju? Það er eitt tækifæri til að skrifa - miðju. Þegar það er ekki í grundvallaratriðum breyta neinu. Þegar slíkt númer mynstri verður takt í miðjunni. Þú getur líka gert að vefja texta í kringum myndina. Til að gera þetta, hægri og vinstri eiginleika gilda. verður "fljótandi" Í slíkum tilvikum mynd. Offset til vinstri lítur það sama og aðrar stafsetningu. Nota hægri mun gefa svipaða niðurstöðu með mismuninn sem myndin verður lögð á hægri. Notkun þessara leiðbeininga hefur eigin blæbrigði þess. Þannig veruleg vandamál er of nálægð af texta á myndinni. Vegna þessa skapaði stafur áhrif, sem er frekar óþægilegt að auganu. En þetta er hægt að leiðrétta með því að nota Cascading stíll lak eða HTML-kóða. Notkun slíkra breytinga vspace og hspace eiginleika. Fyrsti setur padding efst og neðst, og annað - á hægri og vinstri.

Við erum að gera bakgrunn

Hvernig á að setja mynd inn HTML-síðu vefsíðu? Mjög gagnlegt að ná þessu er að tengja bakgrunni. Það er hluti af meginhlutann. Tilgangur hennar - til að sýna slóðina að myndinni skrá, sem ætti að fylla á síðunni, borð eða einni frumu. Í reynd er notkun er sem hér segir: Heimilisfang skráir hafa gildi bodybackground breytu. Bakgrunnsmynd er sett á þann hátt endurtekna meðfram ása samræmir og abscissas, frá efra vinstra horninu. Fyrri bryggju hér á eftir. Ef þú vilt að fylla í eitthvað eins einfalt og einum lit, í stað þess að nota mynd, þú getur notað þessa lýsingu: mælikvarða númer er tilgreint sem breytu einkennandi fyrir body bgcolor. Hér voru litlar breytingar. Eins og þú geta sjá, það er nú þegar í notkun bgcolor eiginleiki. Því að það er bara nauðsynlegt að tilgreina hvaða lit það verður fyllt með síðu eða hluta þess. Hér er hvernig á að setja mynd inn HTML með tölvu til að gera það í bakgrunni og breyta litnum. Almennt, í því skyni að fullu að læra HTML, nægur tími til að gefa það í viku, og þetta er meira en nóg.

niðurstaða

HTML, enda þótt það getur ekki segjast vera a fullur-viðvaningur forritunarmál, er hins vegar mjög mikilvæg þegar stofna á síðuna. Hann er sannur bein. Og við getum sagt með vissu, nú þegar þú veist, eins og við vinnum með bakgrunn og föstum myndum og hengja þá til tenglum. Svo svarið við spurningunni um hvernig á að setja mynd í HTML, ætti að vera ljóst.