Styling header elementen , zoals een pagina post, met behulp van cascading style sheets ( CSS ) is een relatief eenvoudig proces . CSS toestaan om stijl informatie , zoals tekst lettertype , kleur en grootte te geven . Door het gebruik van CSS met specifieke heading tags ( ex : H1 , H2 ) , kunt u meerdere koppen hebben op een pagina , elk met hun eigen unieke stijl . Een eenvoudige manier om dit te implementeren is CSS inline , of binnen de heading tags . Instructies
1 Open het HTML-bestand dat de header en de header -elementen die u wilt stijl bevat . Een geïntegreerde ontwikkelomgeving ( IDE ) biedt aanzienlijke mogelijkheden bij het bewerken van de code echter een eenvoudige tekst-editor , zoals Kladblok zal volstaan . Kopen van 2 Navigeer naar de kop van de pagina . Deze sectie is bovenaan de pagina en bevat vaak elementen , zoals een pagina titel en menu. Het wordt vaak bepaald door de " head " tags: Content
... < /head >
3 Voer de rubrieken die u in de header door gebruik te maken van de rubrieken HTML -tag ( H1 , H2 , enz. ) . U kunt verklaren meerdere HTML headings tags. Bijvoorbeeld : genealogie Dit is een test titel < /h1 > genealogie Dit is een test post < /h2> Zorg ervoor dat u gebruik de juiste syntax (zijnde belastingen , dicht tag met " /" ) in de code .
4 Voer de volgende code-elementen , gescheiden door puntkomma's , om de stijl van een rubriek te geven . Sommige voorbeeld stijlelementen zijn hieronder : Color
- " kleur : Enter kleur hier ( Ex : red ) " Tekengrootte
- " font-size : Vul hier size ( Ex : 20px ) "
uitlijnen tekst - " text-align : Voer positie ( Ex : center ) "
Gebruik de volgende syntaxis ( style = " ... " ) na de eerste header-tag aan een specifieke opgeven stijl . Bijvoorbeeld :
Dit zou weer te geven " Ted rubriek " in het midden van de pagina met rood lettertype en een grootte van 20 px .
5 Sla eventuele wijzigingen die u in uw code .
|
