Crearea unui tabel în html

Cele mai comune informații despre etichetele hlml

Afișarea oricărui element al postării (parte a textului, tabloului, tabelului) în blogul nostru este determinată de etichetele html în care este inclusă. Aici: <тег> element de post Diferitele limbi de programare se referă diferit la prezența etichetelor de închidere (), dar nu vom intra în detalii și le vom scrie peste tot, pentru că este mai bine să "perebdet" decât "să nu".







De asemenea, este important să știți că etichetele pot fi imbricate unul în celălalt, cum ar fi matryoshkas. Și aici principalul lucru este să vă asigurați că fiecare etichetă are cel mai apropiat coleg. Aici, de exemplu:

<тег2> element de post

<тег3> element de post

Aici este eticheta principală care definește formatarea întregii piese (<тег1>) și etichete imbricate (<тег2>,<тег3>), care sunt responsabile pentru formarea elementelor sale individuale.

Dacă înțelegeți aceste două reguli de bază pentru lucrul cu etichete, atunci puteți să vă ocupați liniștit de orice formatare a postului.

Crearea unui tabel în html

Taguri de tabel HTML

Acum, hai să trecem la specificul și să vedem ce etichete html constă din orice tabel. Iată o ilustrație pe care toate etichetele sunt marcate cu numere. În partea dreaptă este o reprezentare vizuală a acestui tabel, astfel încât să fie mai ușor să corelați codul cu imaginea:

Crearea unui tabel în html






  1. - Eticheta principală pentru crearea mesei. După cum vedem, de la ea începe și se termină
  2. - eticheta de titlu a tabelului. Am prescris stilul său propriu (un fundal galben deschis și un cadru gros) pentru ca acesta să evidențieze această linie vizuală
  3. Etichetă pentru etichete. Orice masă constă din șiruri de caractere. În exemplul nostru există două dintre ele: linia de titlu, înfășurată în etichete , și o linie obișnuită în etichete (vezi mai jos)
  4. - eticheta corporală a mesei. De fapt, corpul este tot ce este sub cap (cum ar fi anatomia html!). Acesta conține toate liniile și celulele care vor fi amplasate sub titlu
  5. - o etichetă de celule în numele tabelului. În exemplul nostru, există două celule în linia de titlu ("Rubrica 1" și "Rubrica 2")
  6. - tag-ul celular. În tabelul nostru există 2 celule obișnuite ("date 1" și "date 2"). Ei au propriul stil (lipsa de fundal și limitele subtile)

    Rețineți că nu există nici o etichetă html pentru a descrie coloana din tabel. Dar cele existente sunt destul de suficiente. Pentru a ajusta coloana (de exemplu, pentru a specifica o anumită lățime) - trebuie să specificați un stil pentru celulă din această coloană.

    Este clar că toate tabelele sunt diferite. Ei au un număr diferit de rânduri și celule, poate fi necesar să faceți un rând sau o celulă - mai largă, mai strălucitoare etc. Să nu mai vorbim de faptul că vom pune informații unice în fiecare tabel. Dar totul începe cu o astfel de schemă (există și alte etichete suplimentare, dar excesul de cunoștințe doar înmulțește durerea noastră!).

    Introducem codul html al tabelului în publicație

    Pentru cei care nu și-au înregistrat propriul stil cu numele "mytable" în stil style.php - consultați articolul precedent și faceți-o!

    Singurul mod în care acest cod este diferit de html-model care este prezentat în ilustrații - această clasă specificație (class = »MyTable») pentru masa principală tag (

    ). Deci, specificăm că la acest tabel trebuie să aplicați exact stilul pe care l-am descris în css. Și acum nu avem nevoie să fie estompate munți HTML-tag-uri, care descrie tipul de fiecare celulă și linia - browser-ul pur și simplu se referă la stiluri de masă style.php și masa de afișare, cum ar fi vrem să fie!







    Articole similare

    Trimiteți-le prietenilor: