Slik lager du en side i HTML?

November 24

Opprette en side i HTML er ikke vanskelig. Alle kan gjøre det, uavhengig av teknisk erfaring. Du kan opprette en HTML-side raskt og enkelt, inkludert alt innhold du vil. Du trenger ikke noen spesiell programvare for å lage en HTML-side. Så lenge du har en enkel tekst editor, kan du utføre oppgaven. Uansett formålet med siden din, den overordnede strukturen og trinnene involvert er vanligvis den samme. Grunnleggende HTML ferdigheter er nyttig for alle som er involvert med web.

Bruksanvisning

1 Åpne en ny fil i en teksteditor. Du kan bruke Notepad, Notepad ++ eller annen tekst editor program du har installert. Lagre filen med .html; for eksempel "index.html" er et nettsted hjemmeside. Skriv inn følgende disposisjon:

<Html>

<Head>

</ Head>

<Body>

</ Body>

</ Html>

Dette er den grunnleggende strukturen i en HTML-side. Innholdet av et HTML-dokument som finnes koder, også kjent som "elementer". Hvert element har en åpning tag, som i "<body>", og lukking tag, som i "</ body>." Innholdet på siden din går mellom <body> kodene.

2 Lag HTML-elementer på siden din. Du kan bruke mange forskjellige elementtyper som er spesielt utviklet for visse typer innhold, inkludert tekst, bilder og media. Her er noen eksempler på elementer:

<Div> Her er en avdeling <em> med en del understreket </ em> </ div>

<P> Her er et avsnitt </ p>

Du kan også inkludere tekst i lister og tabeller hvis det passer ditt formål.

3 Inkluder innhold på siden din. Fordel de ulike delene av innhold du vil vise på siden din inn i deler, og inkluderer hver innenfor en "div" element. Dette eksempelet viser et bilde og tekst:

<Div class = "textsection"> En tekst del </ div>

Den "klasse" attributtene er ikke avgjørende, men de lar deg skreddersy utseendet på HTML seksjoner ved hjelp av CSS, eller Cascading Style Sheets.

4 Bruk CSS til å diktere utseendet på HTML. I hodet delen av siden din, mellom åpning og lukking <head> taggene, inkludere en link til et stilark:

Opprett en ny fil i en teksteditor og lagre det som "stylerules.css" for å matche referanse i din side hodet. Sett inn CSS-koden for å finne ut hvordan HTML vises når de vises i en nettleser:

body {width: 800px;}

.imagesection {width: 100%;}

.textsection {width: 80%; color: # FFFF00;}

Dette tilsier bredde og farge av de viste elementene, ved hjelp av "." etterfulgt av klassen navnet det element som skal stil. CSS erklæringer kan style HTML på mange måter, blant annet tekst stil, skrifttyper, farger, oppsett og hvordan elementene er ordnet i forhold til hverandre.

5 Test din HTML-side. Du kan enten åpne HTML-siden i nettleseren fra hvor du har det lagret på datamaskinen, eller laste det opp, sammen med din stil ark, til en webserver. Hvis du laster opp siden din, må du bla til plasseringen ved å skrive inn adressen i nettleserens adressefelt. Test din side for å se om innholdet vises riktig, og om det er stylet på ønsket måte.

Hint

Ved hjelp av en tekst editor som fremhever HTML-kode, for eksempel Notepad ++, gjør utviklings HTML-sider mye enklere.
Motstå trangen til å bruke HTML-innhold uten å validere den først. Du kan validere HTML ved hjelp av gratis online-tjenester, slik som W3C validering Tjenesten eller Web Design Group HTML Validator. Fikse eventuelle feil gjør sidene mer konsekvent på tvers av ulike nettlesere.