Kuidas kirjutada Tekst pildi HTML

Kuidas kirjutada Tekst pildi HTML Ciaran Griffin / Lifesize / Getty Images

Web disainerid kasutavad tavaliselt redigeerimise tarkvara teksti lisamine piltidele.Kuid veebisaitide omanikud, kes soovivad lisada teksti oma pilte ei ole raha, et osta kallist tarkvara või aega, et õppida keeruline muutmise meetodeid pilte.Veebilehe omanik saab neid probleeme vältida, kasutades HTML teksti lisamine piltidele.Need, kes õpivad, mida kohaldatakse HTML kood saab lisada teksti pilte ilma osta tarkvara või veeta aega keeruliste pilditöötlus.

juhised

  1. alla ja avada tasuta Nvu web editor.HTML editor nagu Nvu võimaldab kasutajal sisestada kas lihttekstina või HTML.Toimetaja salvestab lehekülgi HTML-leheküljel, et nad ilmuvad veebi leheküljel.Vajuta "Open" ja leida olemasoleva HTML lehele, kui kasutaja soovib panna pildi kohta kirjutada juba olemasolevat lehekülge.Vajuta nuppu "Uus" tipus luua uue lehekülje pilt.

  2. Vajuta "Allikas" allosas näha HTML lähtekoodi lehel.Vaata avamise ja sulgemise keha sildid.NN "& lt

    ; body & gt;"tag on ava body.NN "& lt; / body & gt;"silt on sulgeda body.

  3. Koht järgmisi HTML kood vahel keha sildid:

    & lt; tabel border = "0" cellpadding = "0" Cellspacing = "0" & ​​gt;
    & lt; tr & gt;
    & lt; td width = "221" height = "300" taust = "image link siin" valign = "alt" & gt;
    & lt; font size = "+ 1" color = "kollane" & gt; text here & lt; / font & gt; & lt; / td & gt;
    & lt; / tr & gt;
    & lt; / table & gt;

    Emissioon koodi vahel keha sildid tagab, et külastajaid veebilehele näed pildi kui külastate lehekülge internetis.

  4. Muuda laiuse ja kõrguse HTML sama laius ja kõrgus, kui pilt.Vahetage "pildi link siin" Teksti link pildile.Näiteks, kui kujutisel on faili nimi "dogpicture.jpg," tüüp, et selle asemel, et "pilt link siin."Jäta jutumärgid faili nimi.Lisa teksti pildi "Tekst siin" osa HTML.

  5. Vajuta "Save", et salvestada HTML faili.Kasuta "Normal" tab allosas näha, kuidas pilt ilmub veebilehele.Suuna teksti koos Tühik.Vajutage klahvi, et liikuda kursoriga alla järgmisele reale.Tüüp täiendavaid ridu teksti vastavalt soovile.

  6. kasutamine FileZilla üles laadida faile.Lae "FileZilla Client" versiooni, ja avatud tarkvara.Logi oma kontosse veebi domeeni nimi, kasutajanimi ja parool.

  7. topeltklõps veebilehel kausta õigest aknast FileZilla avada.Leia nii HTML-faili ja pildi vasakus aknas paremklõps ja valige "Lisa fail" üles laadida.Veenduge, et HTML-faili ja pildi on samas kataloogis (kausta).Vastasel juhul ei ole pilti veebis lehel.

Tips & amp;Hoiatused

  • Muuda fondi suurust ja värvi sobitada suurust ja värvi pilt.Külastaja võib olla raskusi lugemise teksti kui teksti värv on liiga sarnane pilt värvi taustal.
  • Ärge kasutage seda meetodit, kui luua avatare teistele veebilehtedele.Need saidid võimaldavad kasutajal laadida pilti, kuid pilt ei ole teksti HTML faili.

Resources

  • Net2.com: Nvu Free Web Editor
  • FileZilla Tasuta FTP Client
  • W3Schools.com: HTML Images
984
0
1
Veebiarendus