Kako narediti tabelo v HTML-ju: podroben opis

Tabele so eden od najpomembnejših, hkrati pa kompleksni elementi, ki morajo biti prisotni na spletnih straneh. S svojo pomočjo je primerna predložitev pomembnih in koristnih informacij v precej jedrnati obliki. Seveda, večina urednikov v predlogah, ki delujejo na različnih motorjih, vam omogočajo, da samodejno vstavite tabelo na strani spletnega mesta ali posamezne publikacije, toda kaj, če se oblikovanje spletnega vira, njenih strani ustvari iz nič? Nato pred začetnikom mojster lahko postane problem: kako narediti tabela v HTML.

Izberite urejevalnik

Najprej, ko začnete ustvarjati tabelo, morate določiti urejevalnik, v katerem boste delali. Seveda je najlažji način izbrati program, v katerem ustvarite glavno kodo spletnega mesta. Najbolje je, da za te namene uporabite staro dober prenosnik.

Lahko vprašate, zakaj želite zapletiti svoje življenje, kajti če v urejevalniku naredite vse, hkrati lahko vidite rezultat in hkrati uporabite tudi navodila programa.

Ja, to je res, ampak ustvariti tabelo iz nič, da ne bo le lahko, da temeljito preuči načela njegovega ustvarjanja, ampak tudi za preprečitev neprijetno tipkarske napake in napake v osnovni kodi. Včasih se zgodi, da se kazalec po nesreči premakne navzdol, v procesu pisanja kode pa se zgodi v napaki, ki je včasih težko najti. Če ustvarite tabelo v zvezku, jo lahko kopirate in prilepite na želeno mesto.

Algoritem za ustvarjanje tabele

Najprej bomo sestavili kratek algoritem, kako narediti tabelo v HTML-ju. To je potrebno, da razumete zaporedje vsakega koraka. Nato bomo analizirali, kako izvršiti vsak predmet.

Začnimo s pripravljalnimi ukrepi.

1. Na listu lista pripravite diagram tabele.

2. Preštejte število vrstic in celic. Če je zadnja številka drugačna, menimo, da je za vsako vrstico posebej.

3. Določite število celic v glavi vrstic (na primer celice "No.", "Name" itd.).

4. Zapišite glavne parametre tabele - barvo, višino in širino, poravnavo besedila - na splošno vse, kar potrebujete.

Nato pojdite neposredno v ustvarjanje tabele:

1. Vstavite oznake tabele.

2. Vstavite oznake vrst na podlagi količine, ki jo potrebujete.

3. V vrsticah vnesemo oznake celic (običajno in kapitalsko), tudi glede na količino, ki je zapisana na vašem papirju.

4. Nastavite parametre tabele kot celote.

5. Po potrebi nastavimo indikatorje za posamezne celice.

6. Izpolnite naše celice z besedilom.

Ustvarite tabelo

Torej, izbrali ste urednik, zdaj pa ugotovimo, kako ustvariti tabelo v HTML-ju. Oznaka, ki vstavi tabelo v kodo strani (

Vstavljanje oznak v tabelo nadaljujemo z ustvarjanjem vrstic in celic.

Hkrati ugotavljamo, da so ti elementi tudi seznanjeni. Oznaka določa linije in - celice.

Za glave celice uporabite seznanjeni element .

Kot smo že omenili, je najprej treba izdati črte, nato pa v njih registrirati celice. Da ne bi prišli do zamenjave, vam svetujemo, da naredite bodisi alinee med posameznimi bloki v eni ali dveh vrsticah ali da določite nov blok elementov s pomočjo tipke »Tab«.

Kako je lahko videti? Približno tako:

• ;
• ;
• Št. P / p ;
• Priimek ;
• ;
• ;
• 1;
• Ivanov;
• ;
• .

Kot vidite, v tem ni nič zapleteno. Glavna stvar je, da se ne zmede števila vrstic in celic. V nasprotnem primeru se miza lahko pošne.

Razpravljali smo o ustvarjanju tabele v HTML-ju, zdaj pa lahko preidemo na parametre same matrike in njenih vrstic in celic.

Možnosti tabele

Ko je koda napisana, je treba upoštevati naslednje točke: poravnavo v Tabela HTML, barva meje, ozadje, besedilo in tako naprej.

Parametri tabele so nastavljeni v oznaki

1. Meja - širina meja. Dano je kot celo število. Privzeto so meje katere koli tabele nič.

2. Bordercolor - barva meje. Lahko se navede kot šestnajstišna barvna koda (# 00008B) in njeno ime v angleščini (DarkBlue). Privzeto je vedno siva.

3. Bgcolor - barva ozadja. Nastavite tudi s kodo ali imenom.

4. Poravnaj - poravnaj besedilo za tabelo. Privzeto je ostalo. Za ta parameter so na voljo naslednje možnosti:

• levo je tok na desni;
• desni tok na levo;
• center - izhod tabele v središču brez pretoka.

5. Širina in višina - širina in višina mize. Lahko je podan v slikovnih pikah in v odstotkih (glede na velikost okna brskalnika).

Če predpisujete ta ali tisti indikator, morate posebno pozornost nameniti zasnovi. Po določitvi parametra je treba upoštevati znak za enačbo, ki mu sledi navedena vrednost v narekovajih.

Kar se tiče barve besedila, je zasnovano na enak način kot navadno besedilo v formatu HTML.

Primer tabele:

• ;
• ;
• Št. P / p;
• Priimek;
• ;
• ;
• 1;
• Ivanov;
• ;
• .

Parametri linije

Torej smo že ugotovili, kako narediti tabelo v HTML in predpisati svoje osnovne parametre. Kaj pa, če moramo izbrati črto? Za oblikovanje ne kot glavno besedilo tabele?

Parametri niza so zapisani v oznaki na enak način kot podatki v tabeli. Za niz lahko podate naslednje spremenljivke:

1. Že znano, da ste meja, bordercolor in bgcolor.

2. Poravnaj - poravnajte besedilo v vrstici. Vrednosti lahko levo, sredino in desno.

3. Valign - ta oznaka poravna besedilo navpično. Zahteva naslednje vrednosti:

• na vrhu - besedilo je poravnano na zgornji meji;
• sredinsko središče;
• spodaj - na spodnji meji.

Primer vrstice:

• ;
• Št. P / p;
• Priimek;
• .

Nastavitve celic

In zadnja stvar, ki bi morala biti pozorna na tiste, ki želijo vedeti, kako narediti tabelo v HTML-ju, so parametri posameznih celic, tako konvencionalnih kot glave. Dejansko je vse narejeno na enak način kot za tabelo ali vrstico. Edino, dodamo še dva pomembnejša elementa:

1. Colspan - ta parameter določa število stolpcev, ki jih lahko preklopi celica.

2. Rowspan - določa število vrstic, ki jih ta celica zaseda.

Ker se dizajn ne razlikuje od pisanja črte, vam ne bomo dali primera kode.

Sklepi

Priprava mize ni tako težka, kot se zdi na prvi pogled. Glavna stvar pri pisanju njene kode je upornost in pozornost.

V zvezi s tem, kako vstaviti tabelo v HTML, se njegova šifra kopira in prilepi natančno na mesto vaše strani, v kateri bi po vašem mnenju morala biti nameščena.

Ne bojte se eksperimentirati in kmalu boste obvladali tehnike ustvarjanja tabel. Srečno!