Dit artikel geeft u een gedetailleerde en uitgebreide kennis van HTML-tabellen. De verschillende tags en opmaak die kunnen worden gedaan.
Sinds de technologische oprichting is een tabel een veelgebruikte manier om gegevens op te slaan en te visualiseren. Het wordt in bijna alle velden gebruikt voor het presenteren van tekstinformatie en numerieke gegevens waarin u gemakkelijk twee of meer elementen kunt vergelijken. In dit artikel ga ik het bespreken Tabellen in de volgende volgorde:
In eenvoudige bewoordingen is een tabel een verzameling gerelateerde gegevens die uit rijen en kolommen bestaat. Zoals we nu weten, is HTML een standaard opmaaktaal voor het maken van webpagina's en het weergeven in een webbrowser. Het maken van en werken met tabellen wordt dus een belangrijke subvaardigheid om HTML onder de knie te krijgen. In deze blog zullen we leren werken met tabellen in HTML.
Om een HTML-tabel te definiëren, gebruiken we
label. Binnen
tag, definieer je eerst tabelrijen met
label. Vervolgens definieert u tabelkoppen in
label. Gegevens of cel in tabel worden gedefinieerd met
label.
HTML-tabellabels
Laten we eerst eens kijken naar de lijst met HTML-tags die worden gebruikt om tabellen te maken. Als we later verder gaan in dit blog, zullen we leren hoe we ze kunnen gebruiken met behulp van voorbeelden.
: Wordt gebruikt om een tabel te definiëren
: Wordt gebruikt om een koptekstcel in een tabel te definiëren
: Wordt gebruikt om een rij in een tabel te definiëren
: Wordt gebruikt om een cel in een tabel te definiëren
:Wordt gebruikt om het bijschrift van een tabel te definiëren
:Wordt gebruikt om een groep van een of meer kolommen in een tabel op te geven voor opmaak
: Wordt gebruikt om kolomeigenschappen op te geven voor elke kolom binnen een element
:Wordt gebruikt om de koptekstinhoud in een tabel te groeperen
: Wordt gebruikt om de inhoud van het lichaam in een tabel te groeperen
: Wordt gebruikt om de voettekstinhoud in een tabel te groeperen
Laten we nu eens kijken naar de voorbeeld-HTML-code om een tabel te maken.
Naam
Leeftijd
Abhishek
18
Bob
2. 3
Uitgang:
Variaties van HTML-tabel
Cellpadding en Cellspacing-attributen
Er zijn twee attributen genaamd celpadding en celafstand die u kunt gebruiken om de witruimte in uw tabelcellen aan te passen. Het attribuut celafstand definieert de ruimte tussen tabelcellen, terwijl celopvulling de afstand tussen celgrenzen en de inhoud binnen een cel vertegenwoordigt.
Celafstand en celpadding
Naam
Leeftijd
Abhishek
vijftien
Bob
2. 3
Colspan- en Rowspan-attributen
Het Colspan-attribuut wordt gebruikt om twee of meer kolommen samen te voegen, terwijl rowspans wordt gebruikt om twee of meer rijen samen te voegen.
Colspan & Rowspan
Partij
Naam
Leeftijd
Computertechnologie
Abhishek
vijftien
Bob
2. 3
Breken
Tafelhoogte en breedte
HTML geeft je de mogelijkheid om de hoogte en breedte van de tafel aan te passen. Het attribuut Breedte en Hoogte worden gebruikt om respectievelijk de breedte en hoogte van de tabel in te stellen. U kunt het specificeren in termen van een percentage van het beschikbare gebied op het scherm of in termen van pixels.
Breedte en hoogte van HTML-tabel
Abhishek
vijftien
Bob
2. 3
Tabelkop, hoofdtekst en voettekst
Een tabel kan in drie secties worden opgesplitst, namelijk een koptekst, een hoofdtekst en een voettekst. Koptekst en voettekst zijn vergelijkbaar met koptekst en voettekst in een Word-document dat voor elke pagina gebruikelijk blijft, terwijl de hoofdtekst de hoofdinhoud bevat.
tag maakt een aparte tabelkop aan, waareastag een aparte tabelvoettekst maakt. tags bevatten de body van de tabel.
HTML-tabel met koptekst, voettekst en hoofdtekst
Tabelkop
Tabelvoettekst
Naam
Leeftijd
Marks
Tabelachtergronden en bijschrift
U kunt ook een tafelachtergrond instellen. Bgcolor attribuut stelt de achtergrondkleur in voor de hele tabel en voor één cel, terwijl het achtergrondattribuut een achtergrondafbeelding instelt voor zowel de hele tabel als voor slechts één cel.
De caption-tag dient als titel of uitleg voor de tabel die bovenaan de tafel wordt weergegeven.
HTML-tabelachtergrond
Tabel titel
Kolom 1
Kolom 2
Kolom 3
Rij 1 cel 1
Rij 1 cel 2
Rij 1 cel 3
Rij 2 cel 2
Rij 2 cel 3
Rij 3 Cel 1
Hiermee komen we aan het einde van dit artikel. Nu, na het uitvoeren van de bovenstaande fragmenten, zou u hebben begrepen hoe u tabellen in HTML moet maken. Ik hoop dat deze blog informatief en een meerwaarde voor je is.
Bekijk dedoor Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld.Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).
Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van dit artikel en we nemen contact met u op.
