Webmasteri noi trebuie să se confrunte cu multe provocări. 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.
Începerea lucrărilor pe masa
Una dintre cele mai dificile lucruri din markup HTML-pagini - tabel. 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 . Și cu cât masa, cu atat mai mare sansa de a face o greșeală.
Prin urmare, începând de a crea un tabel în HTML, vă recomandăm o focalizare maximă și să nu fie distras.
În primul rând, ar trebui să elaboreze un tabel de viitor pe o bucată de hârtie, marcând cea în care celula va fi, precum și observând pentru ei înșiși parametrii de bază ai unui anumit element.
Următoarele este de a calcula numărul de rânduri în tabel și numărul de celule din fiecare rând. De asemenea , vă recomandăm să rețineți elemente , cum ar fi prezența imaginilor în tabel, culoarea de fundal, frontierele, textul. Numai atunci puteți începe să creați un tabel HTML utilizând informațiile stocate.
editor
Deci, v-ați creat un tabel de aspect. Acum trebuie să aleagă editorul adecvat pentru a crea. Puteți alege anumite site-uri, și designeri pentru a face o masă în ele. Cu ajutorul acestui software, a crea un tabel este la fel de simplu ca în documentul Word. Puteți selecta un program ca FrontPage. În ciuda faptului că programul este destul de vechi, acesta poate ajuta la crearea unor site-uri bune, în afară de pe el poate fi găsit mai mult de un tutorial.
Dacă doriți să creați un tabel HTML folosind un cod special, care poate fi utilizat în acest scop și un notebook normal sau un document Word obișnuit. Cu toate acestea, aici trebuie să muncești din greu ca scrierea de cod ar fi lung.
Puteți utiliza editorul construit în software-ul motorului în sine. Deci, atunci când creați un record în multe motoare oferă posibilitatea de a adăuga elemente diferite, inclusiv tabele. Chiar dacă editorul caracteristici de bază nu sunt îndeplinite, face modificări codului va fi mai ușor decât scris-l de la zero.
tag-uri
Indiferent de modul în care editorul vă va folosi înainte de a începe să creați un tabel în HTML, trebuie sa tineti minte etichetele de bază. Toate cele trei dintre ele -
,
si
. Rețineți că toate etichetele sunt asociate. Primul tabel reprezintă o etichetă ca un întreg, definește oa doua linie, a treia - celula în interiorul rândului.
Un pic mai multe despre fiecare dintre etichetele. Tabelul începe întotdeauna cu tag-ul
și se termină cu . Orice browser este simbolul a ceea ce este o masă în fața lui. În continuare, liniile care se deschide
tag-ul și se termină cu prescris. În fiecare rând, folosind tag-ul
și număr prescris de celule.
Astfel, codul de masă 2x2 va arăta astfel:
Introduceți un tabel în paginile HTML-cod pot fi copiate din editorul selectat.
tabele de parametri, rânduri și celule
Deci, am discutat codul de bază. Acum, hai sa vorbim despre cum să îmbunătățiți masa, face mai luminoasă și mai atractiv. Pentru a face acest lucru, trebuie să știți parametrii de bază ai etichetei. Ele sunt scrise într-o etichetă de start, în care după fiecare parametru este echivalat, iar apoi se înregistrează valoarea sa luat în ghilimele. De exemplu, un fundal într-un tabel HTML este definit ca:
.
Enumerăm câțiva parametri de bază care vor fi cel mai util pentru tine. Să începem cu masa de sine.
Deci, pentru a seta lățimea de frontieră ajutorul parametrului de frontieră, care poate lua orice valoare numerică. Culoare chenar seturi borderColor. Cadrul general stabilește bgcolor.
Dacă doriți să faceți imaginea de fundal de masă, folosiți fundal folosit, în acest caz, ar trebui să setați model de adresă URL.
Aliniați conținutul paginii în jurul valorii parametrului de masă se va alinia, care poate fi setat la stânga, centru și dreapta.
Setați tag-ul titlu va ajuta la perechea
, care se înregistrează imediat după eticheta de deschidere
.
Un șir de biți de parametri. Culoarea celulelor într-un rând setat folosind bgcolor. Alinierea textului orizontal se poate face cu ajutorul parametrului align (stânga, centru sau dreapta), verticală - valign (presupune valori de sus, de mijloc sau de jos).
În ceea ce privește celula poate fi remarcat faptul că modelul de culoare de fundal și de fundal este dată cu aceiași parametri ca și pentru întregul tabel. Alinierea textului Puteți utiliza parametrii alinierea și valign.
Există, de asemenea, setări specifice - colspan și rowspan. Cu primul se poate seta numărul de coloane, care se va extinde celula. Al doilea specifică numărul de rânduri pentru care o anumită celulă poate prelungi.
Asta-i toate opțiunile mai utile.
culoare Table
Să spunem câteva cuvinte despre astfel de lucruri utile ca tabelul de culori. Cu ajutorul fundalului paginii este setată, culoarea textului, link-uri și alte elemente. tabel de culori conține aproximativ 216 de culori. Fiecare dintre ele are propriul cod hex.
Codul în sine începe cu un semn de lire și cuprinde trei perechi de cifre sau litere. De exemplu, culoarea verde în tabel are codul # 007F0. Fiecare pereche reprezintă intensitatea uneia dintre cele trei culori primare - roșu, verde și albastru. Cu ajutorul tabelului, puteți alege culoarea dorită și setați-l folosind codul.
Dacă nu puteți utiliza tabelul, puteți seta culoarea utilizând numele său în limba engleză.
conținut
Câteva cuvinte despre conținutul. Desigur, cel mai adesea putem vedea textul într-un tabel HTML, dar aceasta nu înseamnă că aceasta este doar o putem pune acolo. Și linii celulare pot conține, de asemenea, fișiere video imagini, audio și, link-uri.
Pentru a plasa textul sau orice alte informații în celulă (linia), ar trebui să-l setați între cele două etichete. De exemplu:
numele . Se va afișa „Name“ în celulă.
Pune informații grafice și fișiere media folosind etichete speciale - ,
Sfaturi
În cele din urmă vom da câteva sfaturi utile pentru a vă ajuta să creați rapid un tabel HTML de orice complexitate.
Când scrieți tabelul recomandă să se înregistreze mai întâi etichetează de masă și principalele sale parametri. Apoi, lista rânduri etichetele. Fiecare pereche începe o nouă linie. Deci, veți vedea cât de multe rânduri în tabel. De asemenea, lista parametrii de rând sau rânduri, în cazul în care acestea diferă de la bază. Apoi, vă recomandăm să înceapă să se înregistreze fiecare celulă ca o nouă linie. Este de dorit să se facă una sau două indentare Tab de la margine. Astfel, veți vedea destul de clar structura codului.
Conținutul de celule și rânduri sfătuiți să înregistreze cât mai devreme la sfârșitul anului, când cadrul mesei este gata.