Hoe websites te formatteren

Een effectieve website moet inhoud aan de lezer overbrengen door middel van aantrekkelijke opmaak. Slechte opmaak kan een website onaantrekkelijk maken of zelfs onleesbaar maken. Met Hypertext Markup Language (HTML) kunt u de opmaak van een website beheren zodat deze precies zo verschijnt als u wilt. Bovendien kunt u met Cascading Style Sheets (CSS) een website opmaken met behulp van een externe stylesheet. Deze techniek is handig als u dezelfde stijl op meerdere pagina's binnen uw site wilt toepassen.

HTML-opmaak

1.

Maak tabellen om de verschillende elementen van uw webpagina te positioneren. Gebruik een

om de tabel zelf te beginnen. Gebruik een label om een ​​tabelrij te beginnen, en a
tag om een ​​cel met tabelgegevens in de rij te maken. Tabelgegevenscellen kunnen meestal worden beschouwd als de kolommen van een tabel. Om uw elementen adequaat te positioneren, moet u experimenteren met de parameters height, width, padding en spacing van afzonderlijke rijen en datacellen.

2.

Voeg teksteffecten en lettertypen in de tags toe voor elementen die de tekst bevatten. Als u bijvoorbeeld de tekst binnen een alinea-element wilt opmaken:

Hierdoor wordt de inhoud van de alinea in het lettertype Comic Sans weergegeven.

3.

Voeg een achtergrond toe aan uw volledige website in de tag, met behulp van het bgcolor -attribuut. Bijvoorbeeld:

Hierdoor wordt de achtergrond van de hele pagina in een roze kleur weergegeven.

CSS en externe stijlbladen

1.

Open een nieuw tekstdocument in Kladblok.

2.

Formatteer elk element in uw nieuwe document. Gebruik de elementtag gevolgd door een open haak om stijlen voor dat element te introduceren. Bijvoorbeeld:

p {

font-family: "comic sans ms";

achtergrondkleur :: # CC3366;

}

Elke alinea in uw HTML-document heeft het lettertype Comic Sans en heeft een roze achtergrondkleur.

3.

Gebruik een ID of klasse als u stijlen wilt introduceren die voor meerdere verschillende soorten elementen of in individuele gevallen worden gebruikt. Een ID kan slechts één keer worden gebruikt en wordt geïntroduceerd door het symbool "#". Een klasse kan meerdere keren worden gebruikt en wordt aangeduid met de "." symbool. Bijvoorbeeld:

.comicrose {

font-family: "comic sans ms";

achtergrondkleur :: # CC3366;

}

Met deze klasse kun je een element met Comic Sans en een roze achtergrond stylen, waar je ook zijn klasse noemt. Bijvoorbeeld, in de HTML-code voor uw pagina,

stijlen een alinea zoals beschreven.

4.

Link naar een externe stijlpagina in de sectie van uw HTML-code. Bijvoorbeeld:

.

Dit linkt naar een externe stylesheet met de naam pagestyles.css.

Dingen nodig

  • Teksteditor

Populaire Berichten