Table - een van de meest belangrijke, maar tegelijk complexe elementen die aanwezig zijn op de webpagina's moet zijn. Met hun hulp is het handig om een belangrijke en nuttige informatie toe te passen in een vrij beknopte vorm. Natuurlijk, de meeste editors in templates die werken bij verschillende motoren, automatisch een tabel invoegen in uw website of afzonderlijke publicatie, maar wat als het web design resource, worden de pagina's gemaakt vanuit het niets? hoe je een te maken: dan kan de novicenmeester een probleem te krijgen tafel in HTML. Laten we eens kijken hoe snel en het item correct te maken.
kiezen editor
In de eerste plaats, te beginnen om een tabel te maken, moet u de editor waarin u zal werken definiëren. Natuurlijk, de gemakkelijkste manier om het programma waarin u een eenvoudige site-code te maken te kiezen. Maar het is het beste om te gebruiken voor dit doel de goede oude kladblok.
Je kunt je afvragen, waarom compliceren je leven, want als je alles goed in de editor, dan is het resultaat onmiddellijk kan worden gezien, ook, en zelfs gevraagd het programma te gebruiken.
Ja, het is waar, maar om een tabel vanuit het niets te maken, zult u niet alleen in staat zijn om het principe van de oprichting ervan grondig te onderzoeken, maar ook om gênante typefouten en fouten in de onderliggende code te voorkomen. Soms gebeurt het toeval dat de cursor wordt verplaatst naar beneden, en het proces van het schrijven van code in de fout sluipt, die soms moeilijk te vinden. Het creëren van een tafel in een notebook, kunt u de code kopiëren en plakken op de juiste plek voor jou.
Het algoritme voor het creëren van de tabel
Om te beginnen, maak een korte algoritme, hoe je een tabel te maken in HTML. Dit is om ervoor te zorgen dat u de volgorde van elke stap te begrijpen. Vervolgens analyseren precies hoe elk van de items uit te voeren.
Laten we beginnen met de voorbereidende acties.
1. Teken het schema van document tabel op.
2. Tel het aantal rijen en cellen. Als het aantal verschillende verleden - denk aan elk ryadochka afzonderlijk.
3. Bepaal het nummer in de rij-header cellen (bijvoorbeeld «№» cell, "Naam" en t. D.).
4. Noteer de belangrijkste parameters van de tafel - de kleur, hoogte en breedte, tekstgroepering - kortom, alles wat je fit lijken.
Ga dan direct naar de oprichting van de tabel:
1. Plaats de labels tafel.
2. Steek de tags van lijnen op basis van het bedrag dat u nodig hebt.
3. De rijen invoegen tags van cellen (normale en hoofdletters), mede op basis van de hoeveelheid die op papier.
4. Stel de parameters voor de hele tabel.
5. Als u parameters voor individuele cellen te stellen.
6. Vul onze mobiele tekst.
een tabel
Dus, je kiest editor, laten we nu eens kijken naar hoe je een tabel in HTML. Tag die tafel mogelijk maakt (
) wordt ingevoegd in de pagina code is gekoppeld, dat wil zeggen, onze constructie begint met deze tag en eindigt met table>.
Plaatsen van de labels tafel, ga dan naar de rijen en cellen te creëren.
Nu merken we op dat deze elementen ook zijn gekoppeld. Tag
definieert een string, en - cellen.
Voor primair cellen worden gebruikt gepaarde elementen .
Zoals reeds vermeld, de eerste stap is om een lijn te trekken, dan moeten ze cel registreren. Om verwarring te voorkomen wordt geadviseerd opvulling tussen elk blok in een lijn of twee, of anders een nieuwe blokelementen met de toets "Tab" voorschrijven.
Hoe kan het eruit? Zoiets als dit:
-
; -
; -
№ p / p th>; -
Naam th>; - Tr>;
-
; -
1 | ; -
Ivanov td>; - Tr>;
- Table>.
Zoals u kunt zien, niets ingewikkeld over. Het belangrijkste ding - niet te verdwalen in het aantal rijen en cellen. Anders wordt de tafel gekanteld.
We worden ontmanteld om een tabel in HTML, nu kunnen we overgaan tot de parameters van zowel de Matrix en de rijen en cellen.
table Opties Wanneer de code is geschreven, is het noodzakelijk om aandacht te besteden aan de volgende punten: de aanpassing op de tafel van de HTML, de kleur van de grens, achtergrond, tekst, en ga zo maar door.
De parameters worden opgegeven in de tabel tag . Deze omvatten:
1. Border - de breedte grens. Gedefinieerd door een integer. Standaard wordt elke tafel grenzen verdwijnen.
2. borderColor - de kleur van de grens. Het kan worden gegeven als hexadecimale kleur (# 00008B), en zijn naam op angliykom (donkerblauw). Standaard, het is altijd grijs.
3. Bgcolor - achtergrondkleur. Zoals aangegeven door code of naam.
4. Lijn - Aanpassing van de tekst voor de tabel. Default - aan de linkerkant. Er zijn de volgende opties voor deze parameter:
- links - rechts wrap;
- -obtekanie rechts naar links;
- center - De uitgang tafel in het midden zonder stroming.
5. breedte en hoogte - breedte en hoogte van de tafel. Het kan ofwel in pixels of als een percentage (betrokken op de browser venstergrootte).
Het voorschrijven van een bepaalde indicator, moet je bijzondere aandacht besteden aan het ontwerp. Eerst geeft de parameter bord "gelijk", waarna aanhalingstekens betekent een vooraf bepaalde waarde gaat.
Wat betreft de kleur van de tekst, maak dan uit het op dezelfde manier als normale tekst in HTML-formaat.
Voorbeeld van een tabel:
-
; -
; -
№ p / p th>; -
Naam th>; - Tr>;
-
; -
1 | ; -
Ivanov td>; - Tr>;
- Table>.
parameters rijen Dus we hebben al bedacht hoe een tabel te maken in HTML en de belangrijkste parameters voorschrijven. Maar wat als we nodig hebben om een string toe te wijzen? Check out haar niet als het belangrijkste orgaan van de tafel?
line parameters worden geschreven in de tag | op dezelfde wijze als de gegevenstabel. Naar regel de volgende variabelen worden gedefinieerd:
1. al bekend bij de grens, borderColor en bgcolor.
2. Lijn - tekst uitlijnen in de lijn. Het kan worden ingesteld op links, midden en rechts.
3. valign - de tag lijnt de tekst verticaal. Het neemt de volgende waarden:
- top - de tekst is afgestemd op de bovengrens;
- midden - in het midden;
- bottom - de onderkant.
VOORBEELD lijnvrijgifte:
-
; -
№ p / p th>; -
Naam th>; - Tr>.
parameters cellen En het laatste wat je moet aandacht besteden aan degenen die willen weten hoe je een tabel in HTML te maken - de parameters van individuele cellen, zowel normale als kapitaal. In feite is alles gebeurt op dezelfde manier als voor een tafel of rij. De enige twee belangrijke elementen toegevoegd:
1. Colspan - Deze parameter specificeert het aantal kolommen waarvoor de cel uitstrekken.
2. Rowspan - geeft al het aantal rijen ingenomen door deze cel.
Aangezien het ontwerp is niet anders dan de voorgeschreven regel, zal het niet leiden tot de voorbeeldcode.
bevindingen Maak een tabel is niet zo moeilijk als het lijkt op het eerste gezicht. Het belangrijkste bij het schrijven van de code - doorzettingsvermogen en aandacht.
Zoals voor hoe je een tabel in te voegen in HTML, dan is het codenummer is genoeg om te kopiëren en te plakken in de plaats van uw pagina, waar, naar uw mening, moeten worden geplaatst.
Wees niet bang om te experimenteren, en al snel bent u perfect beheerst de techniek van het maken van tabellen. Good luck!
| |
| | |
| | | |
|