">
Hart.GratisHandleiding.eu

Gratis Handleiding (en veel meer). De site met gratis handleidingen, handleidingen om gratis software te downloaden, gratis games te spelen, dvd's te kopieeren, te besparen, vakantie- en reistips, pagina's voor kinderen, senioren, te datenonline te shoppen, online casino spelen, handleiding bridge, handleiding mahjong, solliciteren, keuze van uw mobiele telefoon en veel meer..... Verder vindt u ook de beste surftips.

HOME HANDLEIDINGEN RECEPTEN ZOEKEN CONTACT ZOEKEN

 Rubrieken:

  Website maken

  Aanmelden site bij
  zoekmachines

  Banner en buttons

  CSS cursus beginners

  Eigen startpagina

     Handleiding startpagina

  Favicon maken

  HTML cursus beginners

  HTML cursus gevorderden

  Links naar uw site

  Linkwoorden

  Logo's maken  

  Sitemap maken

  Sitemap verzenden

  Webbadge

  Webhosting

  Website gratis

  Website promotie

  Webmaster
  hulpprogramma

  Zoekwoorden

[Linked] [Embedded] [Inline] [Eigen styles] [Meer styles] [Tekst en CSS] [Achtergronden]

De laatste manier om een style in je html document op te nemen is de  inline-style. Hiermee kun je een bepaald deel van je pagina een style  toekennen, bijvoorbeeld alleen een alinea, een link of een tabel. We  moeten hiervoor CSS en HTML gaan combineren, en dat gaat vrij simpel.  Willen we bijvoorbeeld een alinea 15 pixels laten inspringen vanaf de  rand, en moet de kleur rood zijn, dan doen we dat zo:

#

Code

1

<p style="margin-left: 15px; color: red">Dit is de alinea waar het 
allemaal over gaat</p>


Je ziet het, het is helemaal niet moeilijk. tussen style=" en " komt de  style te staan. De verschillende dingen die je opgeeft scheidt je van elkaar door middel van de punt-komma;.

Wil je nu bijvoorbeeld dat een bepaalde style op 4 alinea's van  toepassing is, dan zou je dus bij alle vier de <p> tags de style  moeten opgeven. Dat is behoorlijk veel werk, maar daar is gelukkig iets  op bedacht: het element <div>. Hiermee kun je een bepaald gedeelte van je site markeren. De vier aliena's uit ons voorbeeld omringen we  dan met de openingstag <div> en de sluitingstag </div>.  Daartussen staan de vier alinea's.

Het enige wat je nu nog moet doen is in de openingstag de style opgeven, ook weer erg makkelijk:

#

Code

1
2
3
4
5
6

<div style="margin-left: 15px; color: red">
<p>Alinea 1</p>
<p>Alinea 2</p>
<p>Alinea 3</p>
<p>Alinea 4</p>
</div>


Je ziet het, stylesheets kunnen je een hoop werk schelen. Maar er zijn nog meer voordelen, dat vertellen we je in deel 5.

  Vorige pagina

                                                Volgende pagina

   | Over deze site | Disclaimer |
Neem contact op met de Webmaster met opmerkingen en tips

 TV/radio:

 Radio luisteren:webradio

 Wat is er op TV?

 TV gids (alle zenders)

 Uitzending gemist

 Verkeer:

 Files

 Routeplanner

 Nieuws/weer:

 NOS headlines

 Algemeen Dagblad

 Laatste nieuws

 Telegraaf

 Volkskrant

 Teletekst

 Het weer

 Handige hulpjes:

 Lettergrootte aanpassen

 Puzzelwoordenboek

 Online rekenmachine

 Zoeken naar mensen/adressen

 Handige info:

 SOS nummers

 Feestdagen 2011

 Feestdagen 2012

 Loterijen:

 Bank-giroloterij

 Euromillions

 Staatsloterij

 Postcodeloterij

 Link partners

 Webgids voor online winkelen

| More