Dissekere en enkel markupeksempel - dummies

Ta en titt på denne koden oppføringen. Forsiktig undersøkelse av denne korte oppføringen viser ganske mye HTML, men bare indirekte referanser til CSS. Det er oppføringen til HTML5 Café-hjemmesiden.

HTML5 Cafe: Hjemme HJEM | OM OSS | MENU | KONTAKT OSS

Velkommen til HTML5 Cafe!
Her finner du alle slags deilige HTML5- og CSS3-behandler. Dette er prøvesiden for Beginning HTML5 og CSS3 for Dummies, av Ed Tittel og Chris Minnick. Hvis du vil vise alle kodeprøver fra boken, kan du gå til menyen.







drevet av kaffe. copyright © dummieshtml. com

HTML-elementene du ser i denne oppføringen, er som følger, i sin rekkefølge:

• Koden starter nettsiden, og slutter den.

• Markeringen mellom og definerer generell informasjon for hele nettsiden.

• Teksten inne i elementet gir sidetittelen.

• Elementet gir informasjon om sidens innhold og skjermoppsett.

• Et element etablerer en lenke til en ekstern ressurs; i dette tilfellet til to forskjellige CSS stilark.

• Markeringen mellom og leverer faktisk sideinnhold.

• Elementet definerer to forskjellige innholdsdeler på siden, en for navigasjon, den andre for sidens innhold.

• Navigeringselementet definerer en navigeringslinje.

• Ankerelementet definerer hypertekstlenker.

• Elementet overskrift1definerer en nivå 1-overskrift.

• Stykkelementet definerer et stykke tekst.

• Et figurelement definerer en grafikk med en bildetekst.

• Bildet

  kobler til en grafikk for visning, med horisontale og vertikale dimensjoner og alternativ tekst hvis bildet ikke vises.

• Et figurtekstelement markerer figurteksten.

• Et dokument footer-element definerer tekst nederst på siden.

Sett alle disse elementene sammen, legg til attributtverdier og tekst, og du har nettsiden vist her.