/ / Cum se face un tabel HTML. Grafic de culori

Cum se face un tabel HTML. Grafic de culori

Administratorii începători trebuie să se ocupeo mulțime de probleme. S-ar părea că astăzi puteți utiliza deja șabloane pentru a vă crea site-urile, dar problema este că nu au întotdeauna proprietățile necesare, iar atunci trebuie să creați un design de la zero de la zero sau să faceți modificări la codul existent. Aici este nevoie de cunoștințe despre codul HTML și o înțelegere minimă a modului de a seta fundalul și culoarea paginii, de a insera o imagine sau un videoclip, de a crea un tabel în HTML.

A începe pe o masă

Unul dintre cele mai grele lucruri despre marcarePaginile HTML sunt tabele. Iar problema nu se află în complexitatea etichetelor, care, de fapt, nu este atât de dificil de reținut, ci în faptul că atunci când scrieți cod puteți greși cu ușurință - uitați să scrieți o linie sau o celulă suplimentară, introduceți textul în locul nepotrivit și alte lucruri mici. . Mai mult, cu cât tabelul este mai mare, cu atât este mai mare șansa unei greșeli.

Prin urmare, începând să creăm un tabel în HTML, vă recomandăm să vă concentrați pe cât posibil și să nu vă distrageți.

în tabelul html

În primul rând, ar trebui să desenați o viitoare tabelă pe o bucată de hârtie, observând ce și în ce celulă veți intra, precum și să observați pentru dvs. principalii parametri ai acestui sau acelui element.

În continuare, numărați numărul de rânduri dintabel, precum și numărul de celule din fiecare rând. De asemenea, vă recomandăm să notați astfel de elemente precum prezența imaginilor în tabel, culoarea de fundal, marginile, textul. Abia atunci poți începe să creezi un tabel HTML folosind informațiile înregistrate.

Editorul

Deci, ați creat un aspect de tabel.Acum trebuie să alegeți editorul adecvat pentru al crea. Puteți selecta designeri de site-uri speciale și puteți alcătui o masă în ei. Utilizarea acestui software, crearea unui tabel nu este mai dificilă decât într-un document Word. Puteți alege un program precum FrontPage. În ciuda faptului că programul este destul de vechi, cu ajutorul său puteți crea site-uri bune și, pe lângă acestea, puteți găsi mai mult de un tutorial pe acesta.

Dacă doriți să creați un tabel HTML folosindcod special, puteți utiliza în aceste scopuri un bloc de note obișnuit sau un document Word regulat. Adevărat, aici va trebui să muncești din greu, deoarece va dura mult timp pentru a scrie cod.

Puteți utiliza editorul încorporatmotorul site-ului în sine. Deci, atunci când creați un record în multe motoare, este posibil să adăugați diferite elemente, inclusiv tabele. Chiar dacă caracteristicile de bază ale editorului nu vă satisfac, modificarea codului va fi mai ușoară decât scrierea de la zero.

tag-uri

Indiferent de editorîl veți folosi înainte de a începe crearea unui tabel în html, ar trebui să vă amintiți principalele etichete. Există trei dintre ele -

, și se deschid și se încheie eticheta . Pe fiecare linie, folosind etichetele , numărul de celule este înregistrat.

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

. Rețineți că toate etichetele sunt împerecheate. Prima etichetă reprezintă tabelul în ansamblu, a doua stabilește rândul, a treia - celula din interiorul rândului.

fundal tabel html

Un pic mai multe despre fiecare dintre etichete.Un tabel începe întotdeauna cu eticheta

și se termină cu
. Pentru orice browser, acesta este un simbol al faptului că tabelul este în fața sa. În continuare, sunt scrise liniile care
și

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

</td> <td> </td> </tr>

Opțiuni de tabel, rânduri și celule

Deci, am sortat codul de bază.Acum să vorbim despre cum să îmbunătățiți masa, să o faceți mai luminoasă și mai atractivă. Pentru a face acest lucru, trebuie să cunoașteți parametrii de bază ai etichetelor. Acestea sunt scrise în interiorul etichetei de deschidere, iar după fiecare parametru este introdus un semn egal, iar apoi valoarea sa, luată în ghilimele, este scrisă. De exemplu, fundalul din tabelul HTML este setat astfel:

.

Enumerăm câțiva parametri de bază care vă vor fi de cea mai mare utilitate. Să începem cu masa în sine.

Așadar, setarea lățimii chenarei va ajuta parametrul de frontieră, care poate lua orice valoare numerică. Seturi de culori de bordură. Fundalul general este stabilit de bgcolor.

introduceți tabelul în html

Dacă doriți să faceți fundalul tabelului o imagine, folosiți fundal și ar trebui să specificați adresa URL a imaginii.

Alinierea conținutului paginii din jurul tabelului va ajuta la aliniere, ceea ce poate lua valorile din stânga, centru și dreapta.

Eticheta

pereche va ajuta la setarea titlului, care este scris imediat după deschiderea etichetei .

Un pic despre opțiunile string.Culoarea celulelor din rând este setată folosind bgcolor. Alinierea textului orizontal se poate face folosind alinierea parametrilor (stânga, centru sau dreapta), vertical - valign (preia valorile sus, mijloc sau jos).

În ceea ce privește celula, se poate remarca faptul că culoarea de fundal și imaginea de fundal sunt setate pentru aceasta folosind aceiași parametri ca pentru întreaga tabelă. Puteți alinia textul folosind opțiunile de aliniere și valign.

Există, de asemenea, parametri speciali - colspan și rangepan.Folosind prima, puteți specifica numărul de coloane peste care se va extinde celula. A doua stabilește numărul de rânduri la care se poate extinde această celulă.

Aceasta este toate opțiunile cele mai utile.

Grafic de culori

Să spunem câteva cuvinte despre un lucru atât de utilgrafică de culori. Cu ajutorul acesteia, sunt setate fundalul paginii, culoarea textului, linkurile și alte elemente. Graficul de culori conține aproximativ 216 culori și nuanțe. Fiecare dintre ele are propriul său cod hexagonal.

Codul în sine începe cu un semn hash și conținetrei perechi de numere sau litere. De exemplu, culoarea verde din tabel are codul # 007F0. Fiecare pereche reprezintă intensitatea uneia dintre cele trei culori primare - roșu, verde și albastru. Folosind tabelul, puteți selecta culoarea dorită și setați-o folosind un cod.

Dacă nu aveți ocazia să utilizați tabelul, puteți seta culoarea folosind numele său în limba engleză.

Conţinut

text în tabelul html

Câteva cuvinte despre conținutul în sine.Desigur, cel mai adesea putem vedea text în tabelul HTML, dar acest lucru nu înseamnă că doar noi îl putem pune acolo. Celulele și liniile pot conține, de asemenea, imagini, fișiere audio și video, linkuri.

Pentru a pune text sau orice altă informație într-o celulă (linie), ar trebui să o scrieți între două etichete. De exemplu: <td> nume </td>. Celula afișează „Nume”.

Puteți plasa informații grafice și fișiere media folosind etichete speciale - <img>, <audio> și <video>.

Sfaturi

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

realizează un tabel în html

Când scrieți un tabel, vă sfătuim să scrieți mai întâitabelul se etichetează singuri și parametrii săi principali. Apoi scrieți etichetele de linie. Începeți fiecare pereche pe o nouă linie. Aceasta vă va arăta câte rânduri există în tabel. Notați, de asemenea, parametrii liniei sau liniilor, dacă diferă de cei principali. Apoi, vă sfătuim să începeți să scrieți fiecare celulă, de asemenea, pe o nouă linie. Mai mult, este de dorit să se facă una sau două liniuțe Tab de la margine. În acest fel veți putea vedea structura codului destul de clar.

Vă sfătuim să scrieți conținutul celulelor și rândurilor chiar la final, când cadrul tabelului este gata.

a placut:
0
Postări populare
Dezvoltarea spirituală
alimente
© 2018, "Paulturner-Mitchell.com". Utilizarea oricăror materiale publicate pe site este permisă cu condiția că link-ul către "Paulturner-Mitchell.com".
y