Lisa pilt – looge suurepärane veebileht
Veebilehed on teksti, videote ja piltide kombinatsioon. Kõigi säravate piltide ja uhkete tekstide all peitub HTML-i maailm. Saate lisada HTML-i pilti samal viisil kui teksti.
HTML on veebilehtede loomise peamine keel. Veebilehed võivad olla tõeliselt lihtsad ja lihtsad või võivad sisaldada teie lemmiknäitleja, kuulsa modelli kujutist või isegi olla teie lemmikstaar (pilgutab silma)…!!!
Kuid küsimus on selles, kuidas HTML-lehele pilti tegelikult lisada. Teil on õnne, sest peate lihtsalt järgima neid lihtsaid samme. Kuid enne peamiste sammude juurde asumist selgitage esmalt erinevaid terminoloogiaid, mida peate teadma.
Siinkohal ärge muretsege süntaksi ja muude asjade pärast. Küll selle aeg tuleb.
Iga asja jaoks on õige aeg
Terminoloogiad pildi lisamiseks HTML-i
Pildi silt ![]()
:Erinevalt teistest HTML-i siltidest ei pea te seda vahekaarti sulgema. Jumal küll! Miks kõik HTMLerid ei teinud sellele sarnaseid silte? See silt on nii lihtne.
src atribuut:Kõik kiirsõnumitoojate ja WhatsAppide friigid saavad kohe aru, et src tähistab allikat. See atribuut küsib lihtsalt pildi allikat. Seega peate mainima URL-i, kus pilt asub.
Alt atribuut:Jah, sa said õigesti aru. See lihtsalt palub teil sisestada pildi alternatiivne tekst. Mis siis, kui teie veebilehe kasutaja on kolmanda maailma riigist, mille netokiirus on 90s. Sel juhul kuvatakse kuni pildi laadimiseni alternatiivtekst. Seda kuulevad ka pimedad, kui nad kasutavad ekraanilugejat. Ja ärge muretsege, et ekraanilugejat kasutavad mittepimedad inimesed kuulevad sama teksti.
Piltide kõrgus ja laius:Teie otsustada, kas soovite määrata algkujutise kõrguse ja laiuse või sisestada oma numbrid, olenemata originaalpildi suurusest. Ahh! Ütlesin teile, boss, et räägin teile süntaksist ja kõigest. Ole kannatlik.
Noh, nüüd arutame süntaksi igavat osa pildi sisestamiseks.
Süntaks pildi lisamiseks HTML-i
Te küsite minult, kas see on nii lihtne ja ma vastan jah, pildi sisestamine HTML-i on nii lihtne. Nagu näete, on süntaks pildi kujul. Nii et kui soovite süntaksi kopeerida, ei saa te seda teha. Minu eesmärk oli lihtne, et näete süntaksit ja sisestate selle ise, et te seda kunagi ei unustaks ja te ei peaks kunagi seda armetut lehte külastama.
Kuid ikkagi, kui olete kindel, et ma ei taha õppida, kopeerige ja kleepige süntaks. Laisk perse jaoks on siin tekstikujuline süntaks pildi lisamiseks HTML-i:
Ülaltoodud koodi kopeerimisel võib juhtuda, et ümberpööratud koma võib olla mõnes muus kirjas ja seetõttu võib HTML lugeda seda pigem teksti kui koodina. Nii et kui teil on probleem, kustutage ükshaaval topeltpöördkoma ja tippige see käsitsi ning kood peaks lihtsalt hästi töötama.
Erinevate atribuutide suhteline asukoht ei muuda koodi tulemust.
Kui soovite lisada pilti, mis asub teie arvutis või kohalikus draivi HTML-vormingus, peate selle veebi üles laadima. Seal on palju saite, kus saate laadige üles tasuta pilte
Kuigi alati on soovitatav pilt oma serverisse üles laadida. Kui laadite pildi üles kolmanda osapoole saidile, võite selle saidi serveris muudatuste tegemisel ilmneda katkine link.