Nola grafiko bat, atzeko irudia txertatzeko HTML. Nola irudi bat txertatzeko HTML sartu ordenagailua erdian, mahai

entzunezko zatia garrantzitsuenetako bat, guneak lanean dago. Jakina, funtzionalitate apalagoa, baina baita off bota harekin ez luke kontua izan da. Hitz egin, nola gunean ordenagailu bat HTML irudi instalatzeko buruz hitz egiteko. One aukera horretarako ematen da, edo hainbat? Nola irudi bat beste pertsona hori ikusi dute txertatzeko HTML? Zer hobe erabilera - PC edo zerbitzari?

Zer da HTML?

Markatzeko lengoaia hipertestu dokumentuak - siglak horretarako zegoen. Etorkizun gune bizkarrezurra osatzen With, hemen elementu nagusiak jarrita aritu zen. Orduan sortu Kaskadako estilo-orriak, eta php-fitxategiak datuen transmisioa erantzule. Baina edozein orri muinean besterik HTML da. Honen bidez, bide batez, irudia ezarri. Badira beste modu batzuk, baina zerbait simple, esaterako, marrazki gisa hasierako karga ematen nahi baduzu, erabili bere izena. Eta orain dezagun aurrera argitzeko galdera irudi bat txertatzeko HTML gisa.

img etiketa erabiliz

grafikoak erabiltzea eskuratzen. Nola atzealdean HTML-dokumentuan irudi bat txertatzeko? Eta lehenengo eta behin fitxategi hori orri objektuan txertatze gisa esan. Hemen Horrez hau eta erabiltzen da img. Etiketa honen line elementu da, zeinetan edukiak displaceable da. guztiak Hyper Text Markup Language lau sartzen da. One - src, altuera eta zabalera da, dute aurrerago hartuko da. Hiru beste batzuk - Objektu hau, embed eta iframe du (sugarrak erabilera) (multimedia edukia txertatzeko). Tag lan egiten bada lerro-elementu bat du. Ezberdintasun bakarra - baimenik gabe eduki, eta horrek erakusten ari da erabiltzen da. Eta hori da, hain zuzen ere, kargatu ahal izango fitxategia festa bat izan behar du. Galdera bat egin nahi izanez gero, hondo HTML irudi bat nola txertatzen, hobe da baztertu. Delako bakarrik agertuko dira ordenagailua bera, irudia dago martxan.

src atributua erabiltzea

Beraz, ez dira HTML dokumentu bat nola txertatu irudi grafiko batean alea kontuan hartuta dugu. Irudian, hau da kargatu ahal izateko, src erabilita bidea zehazteko. Eskema orokorra honako hau da:, berdinen bat sinatu eta idatzi helbidea atributu hau erabili behar duzu.

Behin HTML nabigatzaileak analizatzean etiketa dator, berehala izango da eremu batean bertan line elementua agertuko da sortu. da hura ere, eta kanpoko fitxategi kargatu dira. Bidea ez luke akatsak eduki, ezta zion programaren joan zenetik. Eta ez zuen ez bada fitxategia aurkitu, akats ikono bat ez dela oso estetikoki atsegina eta itxura erakutsiko dira. Nola irudi bat txertatzeko mahai HTML-dokumentu batean? Beharrezkoa da, kode guztia erregistratu kokapena egokian.

irudia egokituz zerbitzarian: altuera eta zabalera etiketa img du

Beraz, nola irudi bat txertatzeko HTML badakigu. Utz iezaguzu aztertu nola konfiguratzeko. fitxategia erabiltzaileak deskargatu ordenagailuan hasten denean, berehala definitu irudi tamaina izango da. Eta zer bada ez nahi den hasierako parametroak dagozkie? Kasu honetan, parametroak altuera eta zabalera (pixel kopurua) lagundu dezake. Kasu honetan, kodea honela agindutako egingo da: lehenengoa, src eta fitxategia helbidea. Ondoren, antzeko egiturak adierazi zabalera, eta zer zabalera izan behar du. Eta azken - altuera eta altuera. Webmasters askotan egin akatsa: zerbitzariari fitxategi handiak zeinen tamaina hainbat megabyte da igo. Agindutako bidea, eta nahi duzun tamaina irudia egokitzeko. Ondorioz, erabiltzaile gisa nahiko poliki ikus daiteke irudi txiki bat kargatu. Hau ez da kanpotik oso erakargarria begirada bat.

Lan gomendioak

saihesteko aldez negatiboa irudiaren tamaina murrizteko. Ziur ez bazaude, zein aukera daude behar itxura erakargarria baduzu, egin kopia bat eta esperimentatu. Era berean, arreta berezia jarri behar pisua kudeaketa hurbiltzeko. Beharrezkoa da burutzeko edozein kalitate galera pisua irudi fitxategiak murriztea bihurtze-ek beste luzapenak gabe edo bereziak online zerbitzuak eta programak erabiliz. egokia gunearen erabiltzaileei, baina baita arduradunarekin ez soilik da - fitxategiak, hala nola kargatu egingo duelako izango azkarrago eta ostalaritza batean leku gutxiago okupatzen.

Adibidea grabaketa gaitasunak

Dezagun Irudiaren bidea nola ezarri dezakezu:

1. fitxategia One-izena.

2. Oharra irudi helbidea ordenagailuan bat (zerbitzaria) kokatuta dago.

3. xehea bidea fitxategia kokalekua desberdinak ostalari on bat.

irudia lehen paragrafoan adibide erabiltzean irudia zuzenbide berean egon behar dute. Bigarren kokalekua azpikarpeta Oraingo orrialdera erlatiboa da. Hirugarren adibidea bide absolutua non nahi duzun irudia aurkitu zehazten ditu. Azken kasu horretan, kontutan argazki hori edozein zerbitzari on izan daiteke (hala nola erabilera ez da .htaccess fitxategia debekatuta). Hala ere, kentzen bada, eta zure gunean irudia desagertzen. HTML bakarrik dokumentu markaketa presentzia eskatzen duten, eta beste guztia da zerbitzari aldean igo daitezke ezaugarri bat da. Metodo horiek sarritan deskarga abiadura handitzeko erabiltzen dira (baina gero tresna hau nola erabili jakin behar duzu).

alt eta izenburua izendapena img nahi?

Zer egin behar den irudi-fitxategi bat, edozein arrazoigatik, ez dago dokumentu HTML kargatu? Zure bide edo beste zerbait txarto egiten badu, alt atributua erabili behar dira. irudia alternatibo bat aurkeztu zeregin du. Hemen suposatuko dugu hori grafikoak ez dira kargatzen. Baina nabigatzaileak oraindik irudiaren azpian area osatzen. halaber kasuetan erabiltzaileari espero du podgruzki ere beharrezkoa da, eta hura erakutsi beharko duzu programa ordutegia onartzeko prest dago.

erantsitako testua, berezi bat attribute titulua erakusteko. Izan ere, hau argibidean, eta erabili ahal izango duzu, ia edozein ikus HTML-kodea elementua da. Hau ona da zenbait alderdi azaltzeko aukera ematen duelako. Bi azpititulua attribute honetan erakusten erabiliz honako hau da: lehenengo altuera sortuko Goiko adibide ondoren alt, eta ondoren izenburua.

Gainera, atributu horiek ezin bakarrik zerbitzatzeko erosotasuna sortu nahi bisitariak hartzeko. Gunean sustatzeko eragin positiboa izan ditzakete. Beraz, hau euren Hitz erabilera hartu behar dira. Hau izango da sailkapenean hobetzeko baliabide bat gune eta zerbitzu irudiak bilatzaileak sailkapenean. Baina guztietan ibili eta arrazionaltasuna izan behar duzu.

lerrokatu pictures

irudiak egiteko, eta, oro har guztiak 4 aurrez aipatu ziren markaketa hizkuntza elementu ere, lerrokatu atributua sartu zen. Honen bidez, argazkiak kokalekua aldatu ahal izango duzu. Berez, beheko ertzean dago lerrokatzea. For da behean atalean. Eta nola goialdean egin? Horretarako, ezinbestekoa da goian. Praktikan, honek itxura hau izango du: src, non irudiaren helbidea adierazten du, ondoren, lerrokatu atributua eta bere balioa gehitzeko.

Eta lerroa, non dago argazki bat da, da goiko ertzean lerrokatuta egingo dira. Nola erdian irudi bat txertatzeko HTML? erdiko - Ez dago inor gehiago aukera idazten da. Noiz erabiltzen ez ditu funtsean ezer aldatu. esaterako kodea eredu bat erabiltzen duzunean ezin erdian lerrokatzea dira. ere egin dezakezu irudiaren inguruan testu biltzeko. Horretarako, ezker-eskuin atributuak aplikatu. "flotagarria" Kasu horietan irudian bihurtzen da. ezkerrera desplazamendua beste grafia berdina begiratzen. eskubidea erabiltzea antzeko ondorioz aldea den irudia izango eskuinaldean jarriko dira batera emango. argibide hauek erabiltzeak bere ñabardura. Horrela, arazo garrantzitsu bat irudian testu hurbiltasuna hurbilegi dago. Horregatik itsastea eragina, hau da, baizik begi desatsegina sortu zen. Baina hori ezin Kaskadako estilo-orri edo HTML-kodea erabiliz zuzendu daiteke. hala nola, aldaketak VSpace eta hspace atributuen erabilera. eskuin eta ezkerraldean - Lehen padding goian eta behean, eta bigarrena, ezartzen du.

hondo egiten ari gara

Nola irudi bat HTML-orria webgunean txertatzeko? Oso baliagarria hau betetzeko da hondo aitortu. body kidea osagai bat da. Bere helburua - irudi-fitxategi, bertan orrialdean, taula bat edo zelula bakar bat beteko duen bidea erakusteko. Praktikan, erabilera honako hau da: irudia helbidea erregistratzen ditu, balio bodybackground parametro bat dute. Atzeko irudia koordinatzen eta abscissas, goiko ezkerreko izkinan hasita ardatzak zehar errepikatzen da horrela ezartzen da. Aurreko kaia hemen jarraian. zerbait gisa kolore bakar bat bezain sinplea bete ordez irudi bat erabiliz nahi baduzu, deskribapen labur hau erabil dezakezu: eskala zenbakia parametro body bgcolor ezaugarri gisa zehazten da. Hemen ez aldaketa txikiak izan ziren. Ikusten duzun bezala, dagoeneko da erabilera bgcolor attribute ere. For bakarrik eskatzen da zer kolore orri bat edo zati batekin beteko zehazteko. Hona hemen irudi bat nola txertatzen HTML sartu ordenagailu batekin atzealdean egin eta kolorea aldatu. Oro har, bere osotasunean ikasten HTML ere, nahikoa denbora eman astebete, eta hau nahikoa baino gehiago da.

ondorio

HTML, ezin nahiz aldarrikatzen full-fledged programazio hizkuntza bat izan nahi du, hala ere, oso baliotsua da, gune bat sortzeko. Egia hezur bat da. Eta konfiantza esan dezakegu, badakizu, orain dela atzealdean eta irudiak finkoak egiten dugu lan gisa duzu, eta haiek erantsi estekak. Beraz HTML irudi bat nola txertatzen galderari erantzun, argi izan behar du.