Skrive en HTML-side (med bilder)

Innhold

Trinn
Tips
Advarsler
Nødvendigheter

HTML (HyperText Markup Language) er et standardspråk for utforming av nettsider. Det er designet for å være et enkelt og allsidig programmeringsspråk. Omtrent hver side på nettet er designet med en eller annen form for denne koden (ColdFusion, XML, XSLT). HTML er lett å mestre, men det kan ta mye tid å lære seg hvis du virkelig ønsker å utforske alle funksjonene i språket. For å legge til litt farge og spenning til nettsidene dine, er det en god idé å fortsette å lære CSS når du har lært det grunnleggende om å lage en enkel HTML-side.

Trinn

Del 1 av 4: Sette opp et dokument

1. Åpne en enkel tekstbehandler. NotePad++ er et godt alternativ som kan lastes ned gratis. Du kan skrive HTML med de fleste tekstbehandlere, men det er bedre å bruke programvare dedikert til koding. I tillegg legger mer komplekse tekstbehandlere som Word overflødig kode på HTML-siden din.

TextEdit anbefales ikke, da det ofte vil lagre dokumentet ditt i et format som ikke gjenkjennes som HTML av nettleseren.

Bilde med tittelen Skriv en HTML-side Trinn 2

2. Lagre en fil som en nettside. Velg Fil → Lagre som fra hovedmenyen. Endre filtypen til ".html" eller ".htm". Oppbevar den på et sted hvor du lett kan finne den.

Disse alternativene er alle de samme, det er ingen forskjell.

Bilde med tittelen Skriv en HTML-side Trinn 3

3. Åpne filen i en nettleser. Dobbeltklikk på filen og den åpnes automatisk som en tom side i nettleseren din. Du kan også åpne en nettleser som Firefox eller Internet Explorer og bruke Fil → Åpne fil for å velge dokumentet.

Denne nettsiden er ikke online ennå. Du kan bare se den på datamaskinen din.

Bilde med tittelen Skriv en HTML-side Trinn 4

4. Oppdater siden for å se hvilke endringer som er gjort. Skriv inn følgende i det tomme dokumentet: . Lagre dokumentet. Oppdater siden i nettleseren din, så skal du se ordet "Hallo" øverst på skjermen, med fet skrift. Hver gang du vil se en endring i HTML-en, lagrer du den.html-dokument og oppdater nettleservinduet.

ser du ordene "
5. Hva er tagger. HTML-instruksjoner er skrevet mellom "tagger" forteller nettleseren hvordan den skal tolke og vise siden. Disse taggene er alltid omsluttet av vinkelparenteser
6. Strukturen til dokumentet. Slett alt i HTML-dokumentet. Kopier følgende tekst nøyaktig (ignorer punktene). Denne HTML-koden forteller nettleseren hvilken type HTML du skal bruke, og at all HTML er inne
7. Legg til hode- og kroppsmerker til den. HTML-dokumenter er delt inn i to deler.De "hode" delen er for spesiell informasjon, for eksempel tittelen på nettsiden. De "kropp" inneholder det faktiske innholdet på nettsiden. Legg til begge i dokumentet ditt, og ikke glem sluttkodene. Den nye teksten som skal legges til er fet:

8. Gi siden din en tittel. De fleste taggene som vises i hodet er ikke viktige for nybegynnere å lære. Tittelkoden er imidlertid enkel å bruke og bestemmer hva som vises som tittelen på nettsiden din i nettleseren. Plasser tittelen innenfor de tilsvarende taggene, som er plassert innenfor head-taggene:

Del 2 av 4: Formatering av tekst

1. Legg til tekst i brødteksten. Vi skal nå kun ta for oss delen innenfor body-taggene. Den andre teksten forblir slik du skrev den, men vi forkorter eksemplet ved å ikke gjenta alt hver gang. Skriv hva du vil mellom

Jeg lærer å jobbe med HTML ved å følge en wikiHow.

2. Legg til overskrifter i teksten din. Organiser siden din med overskriftskoder, som forteller nettleseren å skrive ut tekst større på skjermen. Disse brukes også av søkemotorroboter og andre verktøy for å finne ut hva nettsiden din handler om og hvordan den er organisert.
Jeg lærer å jobbe med HTML ved å følge en wikiHow.
Lær å jobbe med hoder.
Finn ut flere tagger for formatering av tekst.

3. Flere tagger for formatering av tekst. du har "sterk" taggen allerede hadde, men det er mange flere måter å formatere teksten på. Prøv følgende eksempler, der du også kan plassere flere tagger rundt samme tekst. Ikke glem å legge til sluttkoder!

4. Distribuer teksten din over nettsiden. Du har kanskje lagt merke til at det ikke er nok å "Tast inn" du vil at teksten skal fortsette på en ny linje. Følgende koder lager avsnitt og linjeskift, eller på annen måte organiserer teksten din:

Nei slutttag, fordi ingenting skjer med innholdet på siden. Bruk dette til dikt og adresser, men ikke avsnitt.