Cum se face un tabel HTML. Tabel de culori

Novice webmasterii trebuie să se ocupe de o mulțime de probleme. S-ar părea că astăzi putem folosi pentru a crea propriile șabloane de site-ul web, dar problema este, ei nu au întotdeauna proprietățile dorite, și apoi trebuie să fie a crea un design site-ul de la zero, sau face modificări la un cod existent. Și atunci va avea nevoie de cunoștințe de HTML-cod și ideea minimă a modului de a seta culoarea de fundal și a paginii, inserați o imagine sau un videoclip, face un tabel în HTML.

Noțiuni de bază pe masă

Unul dintre cele mai dificile lucruri din marcarea unei pagini HTML este tabelele. Problema nu este complexitatea tag-ul, care, de fapt, nu prea greu de reținut, și că, atunci când scrieți cod, puteți face cu ușurință o greșeală - să uitați să vă înregistrați linia de plus sau celula, introduceți textul nu merge acolo unde este necesar, și alte fleacuri . Cu cât este mai mare masa, cu atât este mai mare șansa de a face o greșeală.

Prin urmare, atunci când începem să creăm o tabelă în HTML, vă recomandăm să vă concentrați cât mai mult posibil și să nu vă distrageți atenția.

Mai întâi de toate, ar trebui să desenați o masă viitoare pe o foaie de hârtie, având în vedere că în ce celula veți fi localizați, precum și notând pentru dvs. parametrii de bază ai acestui sau acelui element.

Apoi, numărați numărul de rânduri din tabel și numărul de celule din fiecare rând. De asemenea, recomandăm să menționăm elemente cum ar fi prezența de imagini în tabel, culoarea de fundal, frontiere, text. Numai după aceea puteți începe să creați un tabel HTML utilizând informațiile înregistrate.

Editorul

Ați creat un tabel. Acum trebuie să selectați editorul corespunzător pentru al crea. Puteți selecta specialiștii site-ului și puteți crea o masă în ele. Utilizând acest software, crearea unui tabel nu este mai dificil decât într-un document Word. Puteți selecta un program, cum ar fi FrontPage. În ciuda faptului că programul este destul de vechi, cu ajutorul acestuia puteți crea site-uri bune, pe lângă acestea puteți găsi mai multe tutorial pe el.

Dacă doriți să creați un tabel HTML cu un cod special, puteți utiliza în acest scop un notepad obișnuit sau un document Word obișnuit. Cu toate acestea, aici va trebui să muncești din greu, pentru că va trebui să scrieți cod de mult timp.

Puteți folosi editorul încorporat în motorul site-ului propriu-zis. Deci, atunci când creați o intrare în multe motoare, este posibil să adăugați elemente diferite, inclusiv tabele. Chiar dacă capabilitățile de bază ale editorului nu vă satisfac, modificarea codului va fi mai ușoară decât scrierea de la zero.

tag-uri

Indiferent de editorul pe care îl utilizați, înainte de a începe să creați în tabelul html, trebuie să vă amintiți etichetele principale. Un total de trei -

Mai mult despre fiecare dintre etichete. Tabelul începe întotdeauna cu o etichetă

Astfel, codul tabelului 2x2 va arăta astfel:

Puteți introduce o tabelă în codul HTML al paginii copiind-o de la editorul selectat.

Parametrii tabelelor, rândurilor și celulelor

Deci, am dezasamblat codul de bază. Acum hai să vorbim despre cum să îmbunătățim masa, să devenim mai strălucitori și mai atrăgători. Pentru a face acest lucru, trebuie să știți parametrii de bază ale etichetelor. Acestea sunt scrise în interiorul etichetei de deschidere, cu un semn egal după fiecare parametru, iar apoi este scrisă valoarea sa, citată. De exemplu, fundalul dintr-un tabel HTML este definit ca:

Iată câțiva parametri de bază care vă vor fi de folos. Să începem cu masa în sine.

Deci, puteți seta lățimea parametrului frontierei de frontieră, care poate lua orice valoare numerică. Culoarea frontală stabilește bordercolorul. Fundalul este setat de bgcolor.

Dacă doriți să faceți o imagine a fundalului tabelului, utilizați fundalul, în timp ce ar trebui să prescrieți adresa URL a imaginii.

Aliniați conținutul paginii în jurul tabelului cu parametrul align, care poate lua valorile stânga, centru și dreapta.

Puteți utiliza eticheta asociată pentru a seta titlul , care este înregistrată imediat după eticheta de deschidere

Puțin despre parametrii șirului. Culoarea celulelor din șir este specificată folosind bgcolor. Puteți alinia textul orizontal cu parametrul Align (stânga, mijlocul sau dreapta), vertical - valign (ia valorile de sus, de mijloc sau de jos).

În ceea ce privește celula, se poate observa că culoarea de fundal și imaginea de fundal sunt setate pentru aceasta folosind aceiași parametri ca și pentru întregul tabel. Aliniați textul cu opțiunile de aliniere și valorificare.

Există și parametri specifici - colspan și rowspan. Cu ajutorul primei puteți seta numărul de coloane la care se va extinde celula. Cel de-al doilea precizează numărul de rânduri la care această celulă se poate extinde.

Acestea sunt toate opțiunile cele mai utile.

Tabel de culori

Să spunem câteva cuvinte despre un lucru atât de util ca masa de culoare. Se utilizează pentru a seta fundalul paginii, culoarea textului, legăturile și alte elemente. Tabelul de culori conține aproximativ 216 de culori și nuanțe. Fiecare dintre ele are propriul cod hexazecimal.

Codul însuși începe cu un caracter lattic și conține trei perechi de numere sau litere. De exemplu, culoarea verde din tabel are codul # 007F0. Fiecare pereche indică intensitatea uneia dintre cele trei culori primare - roșu, verde și albastru. Cu ajutorul tabelului, puteți selecta culoarea de care aveți nevoie și o puteți seta utilizând codul.

Dacă nu puteți utiliza masa, puteți seta culoarea utilizând numele acesteia în limba engleză.

conținut

Câteva cuvinte despre conținutul în sine. Desigur, cel mai adesea putem vedea textul în tabelul HTML, dar asta nu înseamnă că îl putem plasa doar acolo. Celulele și liniile pot conține, de asemenea, desene, fișiere audio și video, link-uri.

Pentru a pune text sau orice altă informație într-o celulă (o linie), este necesar să o înregistrați între două etichete. De exemplu: nume . Celula afișează "Nume".

Puteți plasa informații grafice și fișiere media cu etichete speciale - ,

Sfaturi

În cele din urmă, dați câteva sfaturi utile care vă vor ajuta să creați rapid un tabel HTML de orice complexitate.

Când scrieți o masă, vă recomandăm mai întâi să înregistrați etichetele tabelului și parametrii principali ai tabelului. Apoi scrieți etichetele liniei. Porniți fiecare pereche cu o linie nouă. Deci veți vedea câte rânduri din tabelul dvs. De asemenea, notați parametrii șirului sau șirului dacă sunt diferiți de cei de bază. Apoi sfătuiți să începeți să înregistrați fiecare celulă, de asemenea de pe o linie nouă. Și este de dorit să faceți una sau două tabele de la margine. Astfel, veți vedea structura codului destul de clar.

Conținutul celulelor și șirurilor sunt sfătuite să fie scrise deja la sfârșit, când rama de masă este gata.