Hoe maak je een eenvoudige webpagina die gebruik maakt van CSS en HTML

Open de software en een pagina verschijnt zoals weergegeven in fig.Selecteer vervolgens HTML, ga naar de software en de volgende pagina verschijnt, zoals weergegeven in fig

Design homepage te kunnen komen, dan een eenvoudige homepage, met foto's en tekst nodig, die ik heb gekozen is een eenvoudige home maak kennis met CSS, figuur, selecteer foto's en teksten op internet, post wordt vervangen door "CSS intro, figuur, inbrenging, die zich boven de pagina en selecteer, selecteer de afbeelding afgebeeld, en dan verschijnt het pagina, klik op ok en het

Na het bepalen verschijnt, zoals in het diagram. Op dit moment, zult u zien dat de pagina is niet groot genoeg om de foto's volledig te zien. Dus, we kunnen instellen, de breedte en de hoogte van de afbeelding, zoals in het diagram, zal de hoogte deze kolom stelt geen nummer, maar alleen de breedte, zodat het beeld kan worden verkleind in schaal

Vervolgens wordt de tekst toegevoegd, die direct in het ontwerpvenster geschreven kan worden, zoals in het diagram.Dan kunt u gewoon de tekst te bewerken, in de CSS stijl aan de rechterkant, klik met de rechtermuisknop op alles, verschijnen, selecteer dan "class", bewerken "body", en selecteer 'alleen voor dat document', verschijnt pagina zoals in de afbeelding

Vervolgens bewerken, kunt u de tekst bewerken, grootte, stijl, zoals in de afbeelding. Selecteer vervolgens de tekst, klik met de rechtermuisknop, selecteer "CSS style", een andere selectie verschijnt, selecteer "body" en het effect zal verschijnen, zoals in de afbeelding

Klik vervolgens op een icoon boven aan de pagina, zoals in de afbeelding, klik op en u kunt een voorbeeld selecteren in uw browser, klik op en dan verschijnt, selecteer "ja" en u bent klaar om een voorbeeld te bekijken (hier heb ik de browser geselecteerd)

Dan verschijnt, zoals in het diagram, en dat is het. Een eenvoudige homepage, zoals dat, verschijnt