Cum se creează o masă în html

Thiste parere Cum să creați o table de informații de bază utilizând HTML, precum și cum să adăugați elemente utile, cum ar fi frontierele la masă.

Pași

Partea 1 din 2:
Crearea unui tabel
  1. Imagine intitulată Creați o masă în Pasul 1 HTML 1
1. Deschideți un program de editare a textului. Veți folosi de obicei Notepad ++ pe Windows și Textedit pe Mac. Pentru a găsi aceste programe:
  • Windows - Deschis start
Imagine intitulată WindowsStart.jpg
, tip Notepad În Start, și faceți clic pe Notepad În partea de sus a ferestrei.
  • Mac - Deschis Lumina reflectoarelor
    Imagine intitulată macspotlight.jpg
    , introduceți textedit, și faceți clic pe Textedit sub câmpul de căutare Spotlight.
  • Imaginea intitulată Creați o masă în HTML Pasul 2
    2. Introduceți și apăsați ↵ Introduceți. THETAG indică începutul unei mese și apăsând ↵ Introduceți Proms Editorul dvs. de text pentru a începe o nouă linie.
  • Când utilizați HTML, trebuie să apăsați întotdeauna ↵ Introduceți după crearea unei linii de cod pentru a vă deplasa pe linia următoare.
  • Imaginea intitulată Creați o masă în Pasul 3 HTML 3
    3. Introduceți și apăsați ↵ Introduceți. Această comandă indică faptul că veți crea un element specific al mesei.
  • Imagine intitulată Creați o masă în Pasul 4 HTML
    4. Adăugați o coloană la masă. Introduceți pentru a indica o coloană, introduceți eticheta pentru coloană, introduceți-o pentru a închide coloana și apăsați pe ↵ Enter.
  • De exemplu: Pentru a crea o coloană de tabel etichetate "Numărul de câini", ai tastați Numărul de câini în editorul dvs. de text.
  • Imaginea intitulată Creați o masă în Pasul 5 HTML
    5. Adăugați mai multe coloane. În funcție de cât de multe coloane doriți ca masa dvs. să aibă, acest pas va varia. Odată ce ați adăugat toate coloanele pe care doriți să le utilizați, treceți la următorul pas.
  • Coloanele sunt create de la stânga la dreapta.
  • Imaginea intitulată Creați o masă în Pasul 6 HTML
    6. Introduceți și apăsați ↵ Introduceți. Această comandă indică faptul că toate coloanele tabelului au fost create și închide acea secțiune a codului tabelului.
  • Imagine intitulată Creați o masă în Pasul 7 HTML 7
    7. Introduceți din nou, apoi apăsați ↵ Introduceți. Veți adăuga acum rândurile dvs. spre masă.
  • Imaginea intitulată Creați o masă în Pasul 8 HTML
    8. Adăugați o celulă la masă. Introduceți pentru a indica o informație de sub prima coloană, introduceți informațiile, introduceți-o pentru a închide celula și apăsați ↵ Introducere.
  • De exemplu: pentru a crea o celulă cu numărul "23" În ea, ați tip 23 în editorul dvs. de text.
  • Imagine intitulată Creați o masă în Pasul 9 HTML
    9. Adăugați mai multe celule la masă. Numărul de celule la rând ar trebui să se coreleze cu numărul de coloane - de exemplu, dacă aveți trei coloane, ar trebui să aveți trei celule la rând. Odată ce ați creat un rând întreg, puteți continua.
  • Imaginea intitulată Creați o masă în Pasul 10 HTML
    10. Închideți rândul curent. Introduceți și apăsați pe ↵ Enter pentru a închide rândul. În acest moment, puteți deschide un alt rând introducând și apăsând ↵ Enter, adăugând celule individuale și apoi închiderea rândului.
  • Imagine intitulată Creați o masă în Pasul 11 ​​HTML
    11. Închideți tabelul dvs. Sub linia finală a tabelului, introduceți . Aceasta indică sfârșitul tabelului.
  • Imaginea intitulată Creați o masă în Pasul 12 HTML
    12. Examinați tabelul dvs. Tabelul dvs. ar trebui să arate așa ceva:
  • Zi
  • Lună
  • An
  • 4
  • Martie
  • 1990
  • 27
  • iulie
  • 1993
  • Imaginea intitulată Creați o masă în Pasul 13 HTML
    13. Salvați-vă munca. presa Ctrl+S (Windows) sau ⌘ comandă+S (Mac) Pentru a salva documentul, apoi introduceți un nume pentru document și faceți clic pe Salvați când vi se solicită.
    • Partea 2 din 2:
    Adăugarea modificatorilor de tabel
    1. Imaginea intitulată Creați o masă în Pasul 14 HTML
    1. Extindeți-vă tabelul. Înlocuiți-l pe partea superioară a foii cu și apoi tastați
     stil ="Lățime: 100%"> în etichetă. Asigurați-vă că păstrați un spațiu între "masa" și "stil".
    • Rezultatul final ar trebui să arate astfel:
    • Puteți experimenta procentul. De exemplu, tastarea în 50 in loc de 100 va duce la o masă la nivel înalt.
  • Imagine intitulată Creați o masă în Pasul 15 HTML
    2. Creați frontiere pentru masa dvs. Creați un spațiu în partea de sus a documentului de deasupra Theag, apoi faceți următoarele:
  • Introduceți și apăsați ↵ Introduceți.
  • Introduceți Tabel, TH, TD { și apăsați ↵ Introduceți.
  • Introduceți Frontieră: 1px negru solid- și apăsați ↵ Introduceți.
  • Introduceți Border-colaps: colaps- și apăsați ↵ Introduceți. Sări peste această linie dacă vrei ca frontierele tale să aibă două linii în loc de unul.
  • Introduceți } și apăsați ↵ Introduceți.
  • Introduceți și apăsați ↵ Introduceți.
  • Imagine intitulată Creați o masă în Pasul 16 HTML
    3. Adăugați o etichetă pentru tabelul dvs. Creați un spațiu chiar sub THETAG, apoi faceți următoarele:
  • Introduceți
  • Introduceți textul pe care doriți să îl utilizați (e.G., Zile de nastere)
  • Introduceți și apăsați ↵ Introduceți.
  • Rezultatul final ar trebui să semene cu acest lucru: Zile de nastere

    • sfaturi

    Ajută la indentarea secțiunilor legate de cod, astfel încât să le puteți referi cu ușurință mai târziu. De exemplu, ați putea indenta o întreagă secțiune a celulelor.
  • Pentru a face un anumit text îndrăzneț, puteți plasa etichete în jurul textului în cauză. De exemplu, pentru a se întoarce "Număr de ani" în "Număr de ani", Ai tastați tastați Număr de ani în editorul de text.

    • Avertizări

    Întotdeauna amintiți-vă să închideți comenzile.
    Partajați pe rețeaua socială:
    Similar