Het wijzigen van de kleur van een tabel

Een tabel op een webpagina is gemaakt met behulp van de HTML & lt; TABEL & gt;tag.Het bestaat uit rijen en kolommen, zoals een spreadsheet.Kleur kan worden toegevoegd aan de tabel, TR (rij) en TD (cel) labels afzonderlijk.Dit kan gedaan worden met de HTML-attribuut "bgcolor," die, hoewel verouderde wordt nog steeds erkend door webbrowsers, of met behulp van Cascading Style Sheets (CSS) en de "achtergrond" stijl attribuut, dat is de aanbevolen methode voor het moderne ontwerp van webpagina's.

wat je

  • Web Editing Software met een HTML-code bekijken webbrowser

behulp NeedHTML Attributes

  1. Open uw web-editing software en de webpagina die de tabel die u wilt kleur toe te voegen aan, of maak een nieuwe webpagina en voeg een tabel die het bevat.

  2. Bekijk de HTML-code voor uw webpagina in uw editing tool.In Adobe Dreamweaver, bijvoorbeeld, klikt u op de "Code" of "Split" knop aan de bovenkant van het bewerkingsvenster.

  3. Steek het attribuut "bgcolor" en een kleur

    keuze in uw & lt; TAFEL & gt ;, & lt; TR & gt;of & lt; td & gt;HTML-tag als u de achtergrondkleur met de oudere te wijzigen.De code lijkt op zou kijken:; table bgcolor = # 990000 width = "100%" border = "0" & ​​gt ;, & lt; tr bgcolor = "# 9900CC" & gt & lt;of & lt; td bgcolor = "# 9900CC" & gt ;.

    HTML bgcolor attribuut
  4. Sla het bestand op veranderingen en upload uw website naar uw web-server om de tafel kleuren te bekijken in uw webbrowser.

Met behulp van CSS-stijlen

  1. Plaats een & lt; STYLE & gt;tag in het & lt; head & gt;gedeelte van uw webpagina (boven de BODY-tag) en voeg CSS kleurdefinities om het uiterlijk van de tabellen op uw webpagina te controleren.De code lijkt op zou kijken: & lt; stijl & gt;table {background-color: # FF0000;} & Lt; / & gt ;. stijlTABEL & gt; dan is elke keer dat u een & lt voegen;tag in het lichaam van deze pagina, zal het deze kleur hebben.

    CSS Style Tag
  2. Plaats een CSS-stijl definitie direct in een & lt; TABEL & gt;tag in het lichaam van de webpagina als u de kleur voor slechts een tabel op een pagina die veel heeft te veranderen.De code lijkt op zou kijken: & lt; table style = "background-color: # 0033CC" width = "100%" border = "0" & ​​gt ;.

    CSS Style in tabel Tag
  3. Plaats een definitie stijl aan de achtergrondkleur van individuele tafel rij-tags (TR) of tabelcel-tags (TD) als u voor de & lt deed controleren; TABEL & gt;tag in Stap 2. Deze code zou vergelijkbaar te kijken: & lt; tr style = "background-color: # 0033CC" & gt;en & lt; td style = "background-color: # 0033CC" & gt ;.

  4. Sla het bestand op veranderingen en upload uw website naar uw web-server om de tafel kleuren te bekijken in uw webbrowser.

Tips & amp;Waarschuwingen

  • De tabel "border" kan ook met CSS met behulp van het attribuut worden gekleurd: style = "border-color: #".

Resources

  • Table Tag in HTML documenten
  • CSS Tabeleigenschappen
56
0
3
Web Design