Hvordan du ser kildekoden på en webside - dummies

Nettlesere lar deg vise HTML- og CSS-kildekoden til en nettside. Å kikke på kilden til en nettside er en fin måte å se hvordan den er bygget - og for å se hvordan du kan gjøre noe lignende.

For å se HTML-koden bak en nettside, følg disse enkle trinnene:

1. Gå online og åpne en nettleser, for eksempel Mozilla Firefox eller Internet Explorer.

2. Gå til et hvilket som helst nettsted ved å skrive inn nettadressen til en hvilken som helst nettside hvis HTML-kildekode du vil se.

3. Se på HTML-kilden til siden:

   • I Firefox velger du Vis → Sidekilde fra menylinjen.

   • I Internet Explorer velger du Vis → Kilde.

   Du vil se et nytt vindu med HTML-koden for den nåværende siden du ser. Hvis du blar gjennom koden, ser du tekstinnholdet på siden og alle kodene for hver lenke. Du kan velge og kopiere hele siden eller deler av den.

Kildevinduet viser bare HTML-koden, ikke noen eksternt koblede CSS-dokumenter (se følgende figur). Hvis siden bruker CSS, inneholder delen øverst i HTML-koden URL-banen til CSS-filen. Du kan kopiere banen og lime den inn i nettleserens plasseringsfelt, for eksempel å skrive inn en webadresse og se den CSS-koden som siden bruker.

kreditt: © Daimler Vehicle Innovations USA LLC

I eksemplet er CSS-lenken skrevet som en relativ bane - i forhold til banen allerede i nettleseren. For å fullføre banen du må legge til / unassets / css / smart_min. css til nettadressen som vises i adressefeltet øverst på skjermen.

Når du er ferdig med å legge til den relative banen til nettadressen, trykker du eller klikker på Enter for å få tilgang til CSS; Hvis du kjører Windows, vises CSS i en Notisblokkfil som åpnes automatisk på skjermen, som i den følgende figuren.

Kreditt: © Daimler Vehicle Innovations USA LLCHvis du kopierer og limer CSS URL-banen i et nettleservindu, kan du se en CSS-kildefil for en side.