Nieuwe webmasters voor veel uitdagingen. Het lijkt erop dat we vandaag kunt gebruiken om uw eigen website templates te maken, maar het probleem is dat ze niet altijd de gewenste eigenschappen hebben, en dan moeten ofwel een website-ontwerp van de grond af, of anders wijzigingen aan een bestaande code te maken. En dan zal het kennis van HTML-code en de minimale idee van hoe de kleur en pagina-achtergrond in te stellen, plaatst u een foto of een video, maak een tabel in HTML nodig.
Begin van het werk op de tafel
Een van de moeilijkste dingen in de opmaaktaal HTML-pagina's - de tafel. Het probleem is niet de complexiteit van de tag, die in feite, niet al te moeilijk te onthouden, en dat bij het schrijven van code, kunt u gemakkelijk een fout maakt - om te vergeten om de extra lijn of cel te registreren, voert u de tekst niet gaan waar het nodig is, en andere kleinigheden . En hoe meer de tafel, hoe groter de kans op het maken van een fout.
Daarom begint een tabel in HTML te maken, adviseren wij een maximale focus en niet worden afgeleid.
Ten eerste moeten we een toekomst tafel te tekenen op een stuk papier, merken dat er in welke cel zult u zijn, evenals merken voor zichzelf de fundamentele parameters van een bepaald element.
Verder is het aantal rijen in de tabel en het aantal cellen in elke rij te berekenen. Ook adviseren wij om items, zoals de aanwezigheid van beelden in de tabel rekening mee achtergrondkleur, randen, tekst. Alleen dan kun je beginnen met een HTML-tabel met behulp van de opgeslagen informatie te creëren.
editor
Dus heb je een lay-out tafel gemaakt. Nu moeten we de juiste editor om het te maken te kiezen. U kunt specifieke sites kiezen, en ontwerpers om een tafel te maken in hen. Met behulp van deze software, maakt u een tabel is zo simpel als in het Word-document. U kunt een programma als FrontPage kiezen. Ondanks het feit dat het programma is vrij oud, kan het helpen om goede websites te maken, behalve op het meer dan een tutorial kan worden gevonden.
Als u wilt een HTML-tabel met behulp van een speciale code die kan worden gebruikt voor dit doel en een normaal notebook of een gewone Word-document te maken. Echter, hier heb je om hard te werken als het schrijven van code lang zou zijn.
U kunt de editor ingebouwd in de software-engine zelf te gebruiken. Dus, als je een record in vele motoren maken het biedt de mogelijkheid om verschillende elementen, waaronder tabellen toevoegen. Zelfs als de basisfuncties editor u niet tevreden bent, wijzigingen aanbrengen in de code zal het makkelijker dan het schrijven ervan vanuit het niets zijn.
labels
Ongeacht hoe de editor die u gebruikt voordat u begint met een tafel in html te maken, moet u de basis-tags herinneren. Alle drie van hen -
en
. Merk op dat alle tags gekoppeld zijn. De eerste tabel geeft een label als geheel, definieert een tweede lijn, de derde - de cel in de rij.
Een beetje meer over elk van de labels. De tabel begint altijd met de tag
en eindigt met . Elke browser is het symbool van wat is een tafel voor hem. Vervolgens voorgeschreven lijnen die
tag opent en eindigt met . In elke rij, met behulp van de tag
en voorgeschreven aantal cellen.
Zo zal de 2x2 tafel code er als volgt uitzien:
Plaats een tafel in de HTML-code pagina's kunnen worden gekopieerd van de geselecteerde editor.
tafels van parameters, rijen en cellen
Dus hebben we de basis code besproken. Laten we nu eens praten over hoe het verbeteren van de tafel, maakt het helderder en aantrekkelijker te maken. Om dit te doen, moet je de fundamentele parameters van de tag te leren kennen. Ze zijn geschreven in een start-tag, waarbij na elke parameter wordt gelijkgesteld, en vervolgens registreert de waarde genomen tussen aanhalingstekens. Bijvoorbeeld, wordt een achtergrond in een HTML-tabel als volgt gedefinieerd:
.
We geven een aantal fundamentele parameters die het meest nuttig voor u zal zijn. Laten we beginnen met de tafel zelf.
Dus, om de breedte grens parameter grens hulp, die alle numerieke waarde kan nemen ingesteld. Border Color sets borderColor. De algemene achtergrond veroorzaakt bgcolor.
Als u wilt dat de achtergrondafbeelding tabel te maken, gebruik achtergrond gebruikt, in dit geval URL-patroon moet instellen.
Lijn de inhoud van de pagina rond de tafel parameter af te stemmen, die kan worden ingesteld op links, midden en rechts.
Stel de titel tag zal het paar , die onmiddellijk geregistreerd na de openingscode
helpen.
Een bitstring parameters. De kleur van de cellen in een rij ingesteld met bgcolor. Tekstgroepering horizontaal kan met de parameter uitlijnen (links, midden en rechts), verticale - valign (waarden aanneemt boven, midden of onder).
Over de cel kan worden dat de achtergrondkleur en achtergrondpatroon wordt gegeven met dezelfde parameters als voor de hele tabel. Tekst invoeren U kunt de align en valign parameters uit te lijnen.
Er zijn ook specifieke instellingen - colspan en rowspan. Met het eerste kan het aantal kolommen, waarbij de cel uitstrekken. De tweede geeft het aantal rijen waarvoor een bepaalde cel kan uitstrekken.
Dat is des te meer handige opties.
kleur Table
Laten we zeggen dat een paar woorden over dergelijke nuttige zaken als de kleur tafel. Met de hulp van de pagina-achtergrond is ingesteld, de kleur van de tekst, links en andere elementen. Kleur tabel bevat ongeveer 216 kleuren. Elk van hen heeft zijn eigen hex-code.
De code zelf begint met een hekje en omvat drie paar cijfers of letters. Bijvoorbeeld, de groene kleur in de tabel heeft de code # 007F0. Elk paar vertegenwoordigt de intensiteit van één van de drie primaire kleuren - rood, groen en blauw. Met behulp van de tabel kunt u de gewenste kleur te kiezen en stel het gebruik van de code.
Als u de tabel niet kunt gebruiken, kunt u de kleur in te stellen met behulp van de naam in het Engels.
inhoud
Een paar woorden over de inhoud. Natuurlijk, meestal kunnen we de tekst in een HTML-tabel te zien, maar dat betekent niet dat het alleen wij kunnen daar geplaatst. En cellijnen kunnen ook foto's, audio- en videobestanden, koppelingen.
Om de tekst of andere informatie in de cel (line) te plaatsen, moet zich tussen de twee markeringen. Bijvoorbeeld:
name . Het zal de "Naam" in de cel weer te geven.
Put grafische informatie en mediabestanden met behulp van speciale labels - ,
tips
Tot slot geven we een aantal nuttige tips om u te helpen snel een HTML-tabel van enige complexiteit.
Bij het schrijven van tafel raden u zich eerst te registreren labels tafel en de belangrijkste parameters. Vervolgens een lijst van de rijen van de labels. Elk paar start een nieuwe regel. Dus je zult zien hoeveel rijen in de tabel. Ook een lijst van de parameters van rij of rijen, indien zij afwijken van de basis. Dan raden we om te beginnen met elke cel als een nieuwe regel te registreren. Het is gewenst om één of twee indeuking Tab maken van de rand. Daardoor zul je heel duidelijk de structuur van de code.
De inhoud van cellen en rijen geadviseerd al eind register, wanneer het frame van de tafel klaar.