Tekst in kolommen plaatsen met HTML

De website van uw bedrijf is mogelijk uw eerste kans om indruk te maken op een klant of potentiële klant. Een schone, gemakkelijk leesbare paginalay-out is een goede manier om je beste beentje voor te zetten. Het doorbreken van grote tekstblokken die het scherm van links naar rechts in kolommen bedekken, is een techniek die u kunt gebruiken om een ​​visueel aangename site te ontwerpen. HTML biedt twee methoden om deze taak te volbrengen.

tabellen

Tafels bieden de tools die nodig zijn om containers te maken om uw tekst in discrete kolommen weer te geven. De

tag maakt gebruik van twee elementen om de lay-out van een tabel te definiëren - de tabelrij tag en de tabelgegevens
label. Begin met het maken van een element met een breedte die groot genoeg is om de gecombineerde breedte van de kolommen te overbruggen die erin zijn geplaatst. Open vervolgens een tabelrij-tag. Voer na deze tag een data-tag voor een openingstabel in. Gebruik de parameter "style" om de breedte van uw eerste kolom te definiëren. De voltooide tabel met gegevenslabels moet er ongeveer als volgt uitzien:

Gebruik de stijltag om eventuele aanvullende opmaakparameters op te geven, zoals achtergrondkleur, tekstkleur of rand die moet worden toegepast. Deze opmaak is alleen van toepassing op de tag van de huidige tabel. Elk element moet in dit geval afzonderlijk worden opgemaakt. Maak extra kolommen, tot de breedte die is opgegeven in het bovenliggende tabelelement, met dezelfde methode om elk tabelgegevenselement te definiëren. Gebruik de rij met de sluittafel en de tabeltags om uw kolomdefinitie te voltooien.

divs

Het gebruik van het Div-element maakt het ontwerpen en onderhouden van kolommen eenvoudiger door het aantal benodigde tags voor een juiste opmaak te verminderen. Met een tag wordt een container gemaakt die elk element op een pagina kan bevatten en stylen. Begin met het maken van een div om de breedte van uw display te definiëren met de instructie:

Hierdoor wordt een div-element van 600 pixels breed gemaakt met de ID-waarde ingesteld op 'contents'. Zodra de breedte van de pagina is gedefinieerd, maakt u extra kolommen met extra div -tags. Het aantal kolommen dat u op de pagina wilt weergeven, bepaalt de hoeveelheid beschikbare horizontale ruimte voor afzonderlijke div-elementen. Het is niet noodzakelijk dat alle kolommen dezelfde breedte hebben, maar hun gecombineerde totaal moet gelijk zijn aan of kleiner zijn dan de grootte van de bovenliggende "inhoud" div. Het div-element biedt meer flexibiliteit dan het gebruik van tabellen bij het plaatsen en opmaken van kolommen.

Marges en opvulling

HTML biedt twee methoden voor het maken van witruimte rond kolominhoud. Marges voegen lege ruimte toe rond de buitenkant van een container; padding creëert een lege ruimte tussen de inhoud en de binnenkant van de container. In beide gevallen wordt de breedte die is toegewezen aan de lege ruimte toegevoegd aan de totale breedte van de kolommen. Als u drie kolommen met 200 pixels op een scherm wilt weergeven met een marge van 10 pixels tussen elk, moet de breedte van de algehele container minimaal 660 pixels zijn. Standaard wordt een marge- of opvullingswaarde toegepast rond alle zijden van de bevattende div. In dit voorbeeld worden 20 pixels lege ruimte toegevoegd aan de zijkanten van elke kolom van 200 pixels, wat resulteert in een totale breedte van 660 pixels.

borders

U kunt ook randen gebruiken om een ​​scheiding tussen kolommen te maken. Er zijn verschillende eigenschappen beschikbaar om de stijl, kleur en breedte van de scheidingslijnen te wijzigen. Net als bij marges en opvulling, voegt de breedte van de rand direct toe aan de totale grootte van de kolom.

Aanbevolen
  • accounting: Welk deel van de verhuiskosten is voor een bedrijf aftrekbaar?

    Welk deel van de verhuiskosten is voor een bedrijf aftrekbaar?

    De Internal Revenue Service heeft veel regels over welke verhuiskosten kunnen worden afgetrokken. Deze voorschriften zijn echter van toepassing op werknemers die om werkgerelateerde redenen verhuizen. Bedrijven hebben een veel eenvoudigere tijd om verplaatsing en verplaatsing van uitgaven te rechtvaardigen
  • accounting: Wat is een permanent verschil tussen belastbare en financiële boekhoudkundige inkomsten?

    Wat is een permanent verschil tussen belastbare en financiële boekhoudkundige inkomsten?

    Als u een klein bedrijf heeft, kunt u twee afzonderlijke boekhoudingen hebben: uw financiële afschrift en uw belastingaangifte. Verschillen in belastingwetgeving vereisen dat eigenaren van kleine bedrijven een aantal inkomsten en uitgaven verschillend voor fiscale doeleinden rapporteren dan voor boekhoudkundige doeleinden.
  • accounting: Hoe kosten te verlagen in een boekhoudafdeling

    Hoe kosten te verlagen in een boekhoudafdeling

    De medewerkers van een boekhoudafdeling, door de aard van hun werk, richten zich op het verlagen van de kosten. U zou echter kunnen waarderen dat u de efficiëntie van uw boekhoudafdeling nog verder kunt verbeteren door methoden te gebruiken zoals het invoeren van een kostenbeheersingsprogramma, het elimineren van verspilling, outsourcing, het verplaatsen van back-office accounting naar goedkopere gebieden, het implementeren van niet-traditionele systemen zoals lean accounting en gericht op het genereren van toegevoegde waarde voor de klant.
  • accounting: De grootte van een voettekst in Excel aanpassen

    De grootte van een voettekst in Excel aanpassen

    Net als bij tekstverwerkers ondersteunt Excel 2013 een afzonderlijke footer-sectie om op elke pagina titels, paginanummering of auteursrechtinformatie toe te voegen. Voetteksten kunnen meerdere regels overspannen en Excel past de hoogte van het voettekstvak automatisch aan om dit te compenseren. Als de footer-hoogte echter de toegestane ruimte door de marges overschrijdt, kunnen de spreadsheetgegevens een deel van de voettekst blokkeren
  • accounting: Hoe start je een WordPress Cooking Blog

    Hoe start je een WordPress Cooking Blog

    Als je een WordPress-blog wilt maken met de potentie veel verkeer te ontvangen, kan koken een ideaal thema zijn. Iedereen eet, veel koken voor zichzelf en de meesten willen hun kookkunsten verbeteren. Als je graag kookt en denkt dat je erover wilt schrijven, begin dan met een kookblog en deel je keuken successen, mislukkingen en advies met de wereld
  • accounting: Stappen in de tweede fase van het loonverwerkingproces

    Stappen in de tweede fase van het loonverwerkingproces

    Het loonproces lijkt misschien intimiderend of moeilijk, omdat u te maken krijgt met meerdere berekeningen en het omgaan met het geld van mensen. Belastingen zijn hierbij betrokken en fouten maken kan problemen veroorzaken die niet eenvoudig te corrigeren zijn. Door het salarisproces op te splitsen in drie stappen, kunt u fouten minimaliseren en het proces soepel laten verlopen
  • accounting: Hoe een effectief boekhoudsysteem samen te vatten

    Hoe een effectief boekhoudsysteem samen te vatten

    Boekhoudsystemen zijn de methoden die bedrijven gebruiken om financiële transacties vast te leggen en te analyseren, en ze kunnen net zo verschillend zijn als de bedrijven die ze gebruiken. Deze systemen variëren van standaard papier- en potloodmethoden tot volledig geïmplementeerde en ontworpen aangepaste softwareoplossingen. I
  • accounting: Hoe operationeel risico te kwantificeren

    Hoe operationeel risico te kwantificeren

    Als u het operationele risico identificeert en beoordeelt, kunt u in uw bedrijf wijzigingen aanbrengen om operaties veilig te stellen en het risico op bedrijfsmislukkingen te verminderen. Operationeel risico is het totaal van de risico's die u loopt bij het besturen van een onderneming. Het omvat verliezen van mislukte interne processen, falen van controlefuncties, fouten van medewerkers en fouten als gevolg van externe gebeurtenissen
  • accounting: Wat zijn wettelijke boekhoudsystemen?

    Wat zijn wettelijke boekhoudsystemen?

    Statutaire grondslagen voor financiële verslaggeving zijn gebaseerd op wettelijk verplichte regels die een verzekeringsmaatschappij moet volgen wanneer een financiële verklaring wordt opgesteld voor de verzekeringscom- missaris of het verzekeringsinstituut in de staat waar het hoofdkantoor is gevestigd.

e3

Zakelijke Tips - 2020

Aanbevolen

Populaire Berichten 2020

e3