HTML Tutorial: Tabel en randkleur



HTML-tabellen zijn een handige manier om tekst te organiseren, maar kunnen ze kijken een beetje saai zonder de juiste instellingen. Wijzigen van de kleur van de rand en achtergrond van de tabel kan het een beetje meer pop geven. In deze tutorial leert u de code die nodig is om een eenvoudige tabel met twee kolommen maken met een grijze 2-pixel breed randen en een licht blauwe achtergrond. U moet veranderen de kleuren en de afmetingen aan de behoeften van uw eigen tafel. U moet ook weten de hex-codes voor de kleuren die u wenst te gebruiken.

  • Uw tabel maken met de volgende code.

    Tekst 1Tekst 2

  • Een grijze rand met een breedte van 2 pixels toevoegen door de volgende kenmerken toe te voegen aan uw bestaande code.

    Tekst 1Tekst 2

  • De achtergrondkleur van de tabel instellen door het kenmerk "bgcolor" toe te voegen.

    Tekst 1Tekst 2

Gerelateerde Artikelen

HTML Tutorial voor speciale effecten

HTML Tutorial voor speciale effecten

HTML staat voor het insluiten van afbeeldingen en objecten die kunnen worden gebruikt voor interactiviteit. HTML werkt goed met JavaScript dat kan worden gebruikt om de invloed op de werking van web-browsers. Naast JavaScript, kan Cascading Style She
PSD naar HTML Tutorial

PSD naar HTML Tutorial

Wanneer een webontwikkelaar bezig met het maken van een webpagina meestal krijgt hij een Adobe Photoshop-document, of PSD, vanuit de webdesigner. Deze PSD bevatten meerdere ontwerp exemplaren genaamd laagsamenstellingen. Laagsamenstellingen (een nieu
Een HTML Tutorial van Viewport

Een HTML Tutorial van Viewport

In HTML verwijst een "viewport" naar een virtueel venster of de container waarin de inhoud wordt weergegeven. Viewports worden meestal gebruikt in Web ontwerpen die bestemd zijn voor mobiele apparaten of in wezen een "speciale" apparaa
Een HTML Tutorial voor het toevoegen van de linker navigatie

Een HTML Tutorial voor het toevoegen van de linker navigatie

De mogelijkheid om te navigeren naar een vorige webpagina bestaat binnen alle webbrowsers standaard. Echter door het verstrekken van een sectie die toegang tot meerdere pagina's in een website vanuit één handige menu biedt, kan een Webontwerper veree
Een HTML Tutorial op lege ruimte

Een HTML Tutorial op lege ruimte

HTML kompressen ruimten binnen de broncode, dus geen kwestie hoeveel posities u slechts één spatie verschijnt op de gerenderde pagina. Ook is de toets "Enter" of de "Return" niet helemaal herkend. Lege ruimten moeten worden gecodeerd i
HTML Tutorial voor afbeeldingssegmenten

HTML Tutorial voor afbeeldingssegmenten

Afbeelding snijden is het proces van het nemen van een groot beeld en het versnijden in kleinere delen van de oorspronkelijke afbeelding voor online gebruik. Het proces is eigenlijk heel verouderd nu dat bijna elke website CSS-P en Flash ondersteunt,
Klasse Combobox Selecteer HTML Tutorial

Klasse Combobox Selecteer HTML Tutorial

Keuzelijsten met invoervak of vervolgkeuzelijsten zijn elementen van HTML die lezers een lijst met opties geven. Deze elementen zijn nuttig voor ontwikkelaars wanneer het aantal mogelijkheden voor input beperkt is. Bijvoorbeeld, is een keuzelijst met
How to Fix tabelranden in HTML

How to Fix tabelranden in HTML

Bij het ontwerpen van een webpagina in Hypertext Markup Language (HTML), kunt u gegevens weergeven in een rechthoekige rangschikking van rijen en kolommen, zoals in een matrix. U moet de "Tabel" tag. Als u wilt instellen van de rijen en kolommen
Gratis cursussen in computervaardigheden

Gratis cursussen in computervaardigheden

Vele banen vereisen ten minste elementaire computer vaardigheden. Typen JavaScript, kunnen computervaardigheden een positief op een CV. Gratis cursussen zijn beschikbaar op het Internet op een breed scala van onderwerpen, waarvan er één computers is.
How to Get Rid van linkermarge lijnen in een E-mail

How to Get Rid van linkermarge lijnen in een E-mail

De meeste e-mailprogramma's gebruiken een blauwe lijn op de linkermarge ter identificatie van de geciteerde tekst in een doorgestuurd bericht. De blauwe lijn is gemaakt met een HTML-gecodeerde tabel. Telkens wanneer een bericht wordt doorgestuurd, is
Prachtige CSS/DIV Tutorials

Prachtige CSS/DIV Tutorials

In "Coders at Work," noemen auteur Peter Siebel en programmeur Peyton Jones "beautiful code" code met een element van elegantie en eenvoud. Als het gaat om het creëren van mooie websites met CSS, tonen elegante codering oplossingen vaa
Hoe om te leren snel webdesign

Hoe om te leren snel webdesign

Ontwerpen van een website is geworden een gemakkelijke onderneming als gevolg van de komst van WYSIWYG (wat je ziet is wat je krijgt) webdesign tools zoals Microsoft Front Page. Helaas, er zijn enkele gevallen waar leren hoe het ontwerpen van een web
Het wijzigen van de kleur van de rand van een HTML-tabel

Het wijzigen van de kleur van de rand van een HTML-tabel

Een tabel gebruikt voor het rangschikken van gegevens, afbeeldingen en andere tabellen in rijen en kolommen in een HTML-document. U kunt de tabel scheiden van de rest van de pagina door een rand toe te voegen. Zodat de tabel opvallen nog verder, u ku
Hoe maak je een tabel met HTML

Hoe maak je een tabel met HTML

Tabellen kunt u een matrix met gegevens weergeven in HTML. De tabelcodes zijn ontworpen voor groepen van informatie zoeken om beter te maken en gebruikers toestaan te krijgen randen rond lijsten. Een tabel in HTML is gemaakt met behulp van meerdere t