Începeți cu HTML: Tabelele

HTML, prescurtare pentru HyperText Markup Language. Este un standard care servește drept referință pentru dezvoltarea paginilor web în diferitele sale versiuni, definește o structură de bază și un cod (numit cod HTML) pentru definirea conținutului unei pagini web, cum ar fi text, imagini, videoclipuri, printre altele. Pentru a începe să înțelegem cum este definită structura acestui limbaj, în acest tutorial vom începe prin a cunoaște etichetele cu care sunt tratate tabelele, care sunt foarte utile atunci când se construiesc structurile buletinelor informative și a mailurilor în principal.
Obiectivul acestui tutorial este de a oferi o explicație care să ajute designerii grafici să înțeleagă în cel mai simplu mod posibil, structura și logica documentelor HTML pentru a obține cunoștințele de bază care le vor permite să genereze fișiere în acest limbaj.

Cerințe

- Dețineți un editor de cod, cum ar fi Dreamweaver CS6, Notepad ++, text sublim printre altele disponibile pe Internet.
- Aveți instalat un browser web, cum ar fi Chrome, Firefox, Opera, Safari, Edge sau Internet Explorer.
Pasul 1: Cunoașterea etichetelor pentru crearea tabelelor
cu această etichetă definim începutul tabelului în structură HTML.
permite crearea unui rând pentru masă
reprezintă antetul coloanelor, aceste coloane sunt alcătuite din celule.
<>> este reprezentarea celulelor care vor fi amplasate în rândurile tabelului.
Acestea sunt toate etichetele de care vom avea nevoie pentru a crea tabelele, în pasul următor vom afla cum sunt declarate în cadrul codului și ordinea lor.
Pasul 2: Declarație logică a etichetelor.
Este important să știm că în HTML trebuie să fie deschise marea majoritate a etichetelor, care este chiar atunci când le declarăm și, de asemenea, acestea trebuie închise, următorul exemplu ilustrează acest concept:

După cum puteți vedea, fiecare etichetă trebuie să aibă deschiderea și închiderea sa. Acestea diferă în principal prin linia „/” cu care se închide eticheta. De fiecare dată când este creată o etichetă, este obligatoriu să declarați închiderea acesteia în același mod.
Pasul 3: Declarația ierarhică a etichetelor.
Eticheta Este primul care este declarat pentru a indica crearea unui tabel, în consecință pentru a începe crearea celulelor care vor conține informațiile care vor fi afișate.
Tabelele sunt formate din coloane și rânduri.

Având grijă de ordinea ierarhică pe care trebuie să o aibă fiecare etichetă, vom crea tabelul și vom introduce rândurile de care vom avea nevoie pentru tabel în imaginea prezentată mai jos:

Codul din tabel ar trebui să arate astfel:

Deși rândurile tabelului sunt deja definite, este necesar să creați celulele care alcătuiesc coloanele tabelului. Imaginea de mai jos ilustrează acest concept:

Codul din tabel ar trebui să arate astfel:

Pasul 4: Adăugarea de conținut în celule
Fiecare etichetă [color = # 7030a0] [/ color] este echivalent cu o celulă din tabelul nostru, deci aici se pot adăuga informațiile. Vom schimba în prima etichetă [color = # 44546a] [/ color] a declarat rândul tot [color = # 7030a0] [/ color] după etichete de antet [color = # 002060][/Culoare]. În [color = # 7030a0][/ culoare] din restul rândurilor adăugăm conținut eșantion. Codul HTML Ar trebui să arate astfel:

 
 
 
Articol
 
Nume
 
Nume
 

 
 
1
 
Pedro
 
Trandafiri
 

 
 
2
 
Ioan
 
Surse
 

Pasul 5: Salvați documentul în HTML și vizualizați fișierul
În programul de editare a codului, mergem la meniul Fișier / Salvare pe măsură ce salvăm documentul în format .html

Mai târziu deschidem documentul în browserul preferențial:

Tabelul pe care l-am creat ar trebui să arate ca imaginea de mai jos.

Până acum am învățat numele și funcția etichetelor HTML să construiască tabele, ordinea lor ierarhică, dispunerea lor logică și să le adauge conținut. Acum suntem gata să adăugăm atribute grafice în tabele.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv