Så här formaterar du webbplatser

En effektiv webbplats måste överföra innehåll till sina läsare genom attraktiv formatering. Dålig formatering kan göra en webbplats oförträngande eller till och med oläslig. Med Hypertext Markup Language (HTML) kan du styra en webbplatss formatering så att den visas exakt som du vill. Dessutom tillåter Cascading Style Sheets (CSS) möjligheten att formatera en webbplats med ett externt stilark. Denna teknik är användbar om du vill tillämpa samma stil på flera sidor på din webbplats.

HTML-formatering

1.

Skapa tabeller för att placera de olika elementen på din webbsida. Använda en

tagg för att börja bordet själv. Använda en tagg för att starta en tabellrad och a
tagg för att skapa en cell med tabelldata i raden. Tabelldataceller kan vanligtvis ses som kolumnerna i ett bord. För att kunna placera dina element på ett adekvat sätt, experimentera med parametrarna för höjd, bredd, vaddering och mellanrum för enskilda rader och dataceller.

2.

Lägg till texteffekter och typsnitt i taggarna för element som innehåller texten. Om du till exempel vill formatera texten inom ett styckeelement:

Detta skulle göra innehållet i stycket i teckensnittet.

3.

Lägg till en bakgrund till hela din webbplats i taggen, med hjälp av bgcolor-attributet. Till exempel:

Detta gör bakgrunden till hela sidan i en ros färg.

CSS och externa stilark

1.

Öppna ett nytt textdokument i Anteckningsblock.

2.

Formatera varje element i ditt nya dokument. Använd elementetiketten följt av en öppen fäste för att presentera stilar för det elementet. Till exempel:

p {

font-family: "comic sans ms";

bakgrundsfärg :: # CC3366;

}

Varje stycke i ditt HTML-dokument kommer att ha Comic Sans-teckensnittet och ha en rosbakgrundsfärg.

3.

Använd ett ID eller en klass om du vill presentera stilar som kommer att användas över flera olika typer av element eller i enskilda fall. Ett ID kan bara användas en gång och presenteras med symbolen "#". En klass kan användas flera gånger och betecknas med "." symbol. Till exempel:

.comicrose {

font-family: "comic sans ms";

bakgrundsfärg :: # CC3366;

}

Den här klassen låter dig stile ett element med Comic Sans och en rosbakgrund var du än kallar sin klass. Till exempel i HTML-koden för din sida,

Stilar en stycke som beskrivs.

4.

Länk till ett externt stilark i avsnittet av din HTML-kod. Till exempel:

.

Detta länkar till ett externt stilark som heter pagestyles.css.

Saker som behövs

  • Textredigerare

Populära Inlägg