Mõnikord on vaja märgend veebilehele paigutada nii, et see ei täidaks talle määratud funktsiooni, vaid oleks ise ekraanil kuvatud. Seda võib vaja minna näiteks HTML-keele õpikute koostamisel, aga ka selles keeles koodijuppide näidete esitamiseks.
Juhised
Samm 1
Kiireim viis HTML-koodi näite renderdamiseks veebilehel on märgendi kasutamine. Pärast seda asetage tekstitükk, mida soovite näidata, ja see kuvatakse muutmata kujul koos sinna pandud siltidega. Seejärel asetage lõpumärgend. Sellel meetodil on kaks puudust: esiteks, see pole standardne, mis tähendab, et sellega koos olev leht ei pruugi valideerimist läbida ja teiseks ei taju seda vanad brauserid, mis toetavad allpool toodud HTML-i spetsifikatsioone. Neil ei kuvata silte ekraanil ja hukatud. Pange tähele, et silt
mis on standardne ja mida toetab suur hulk brausereid, ei saa selle asemel kasutada, kuna see ei keela käsu täitmist.
2. samm
Üsna universaalne viis märgenditega tekstitüki paigutamine veebilehele on selle sisestamine pildina. Selleks käivitage ükskõik milline rastergraafika redaktor, looge selles uus piisava suurusega pilt ja lülitage seejärel sisse kirjatööriist (tavaliselt kasutatakse selleks nuppu A või T tähega). Liigutage hiire noolt pildi vasakusse ülanurka, vajutage vasakut klahvi ja sisestage seejärel tekstilõik või kleepige see lõikelauale klahvide Ctrl-V abil. Kärpige pilti (kuidas seda teha, sõltub sellest, millist redaktorit te näiteks GIMP-is kasutate, selleks peate valima fragmendi ja seejärel valima menüüpunkti "Pilt" - "Kärbi valik"). Salvestage tulemus GIF-, PNG- või JPG-faili (eelistatum on esimene).
3. samm
Pange loodud pilt samasse serveri kausta kui HTML-fail, kuhu soovite selle kleepida. Seejärel asetage järgmine silt selle faili õigesse kohta:, kus image-name.extension on pildifaili nimi koos laiendiga. Kui paigutasite pildi mingil põhjusel HTML-failina muusse kausta, asetage pildifaili nime asemel selle täielik tee. Pange tähele, et kasutaja ei saa sel viisil sisestatud HTML-koodi fragmenti vaadata, kui piltide kuvamine on tema brauseris keelatud.
4. samm
Veel universaalsem on HTML-siltide paigutamine lehele, mis seisneb nende koodide kasutamises märkide asemel. Selleks kasutage järgmisi koode: -> asemel. See tehnika töötab peaaegu kõigis brauserites, olenemata nende seadistamisest.
