Hvordan plassere tekst over et bilde fil i HTML

HTML-koding er programmerings teksten du trenger å forstå for å opprette og vedlikeholde et nettsted. Med HTML-koder, kan du helt tilpasse tekst, for eksempel farge, størrelse og font på teksten, og plassere tekst foran en høyde og bredde forholdsmessig bilde. Ved hjelp av denne HTML-koden kan hjelpe ditt nettsted besøkende identifisere bildene dine og dermed holde nettstedet ren og organisert.

Bruksanvisning

1 Access "Notisblokk" eller "WordPad" fra "Tilbehør" -mappen og starte et nytt dokument.

2 Sett inn HTML-kode: "<table border =" 0 "cellpadding =" 0 "cellspacing =" 0 "> <tr> for å plassere din tekst foran bildet.

3 Sett inn HTML-koden "<td width =" 543 "height =" 923 "BAKGRUNN =". Jpg "valign =" bottom "> for å plassere bildet på websiden din. Fyll ut navnet på .jpg i" Bakgrunn = "HTML-kode. Juster bredde og høyde på bildet ved å fylle ut" width = "og" height = "hhv.

4 Sett inn HTML-koden "<FONT SIZE =" + 3 "color =" red "> Awesome Pictures </ font> </ TD>" for å legge selve teksten til bildet. Juster skriftstørrelsen ved å plassere et nytt nummer etter "+" tegn. Juster fargen på teksten ved å slette den "røde" tekst og inn i en ny farge. Endelig slette "Awesome Pictures" tekst og sett inn din egen tekst for å hjelpe vise teksten.

5 Fullfør HTML-koden ved å taste "</ TR>". Trykk "Enter" etterfulgt av "</ TABLE>".