Taula - un dels més importants, però al mateix temps elements complexos que han d'estar presents en les pàgines web. Amb la seva ajuda, és convenient aplicar una informació important i útil en una forma més concisa. Per descomptat, la majoria dels editors en les plantilles, treballant en diferents motors, s'insereixen automàticament una taula al seu lloc web o publicació per separat, però el que si el recurs de disseny de pàgines web, de les seves pàgines es creen a partir de zero? Llavors el mestre novell pot obtenir un problema: com fer una taula en HTML. Anem a veure com crear de forma ràpida i correctament l'article.
triar editor
En primer lloc, començar a crear una taula, ha de definir l'editor en el qual va a treballar. Per descomptat, la forma més fàcil per triar el programa en què es crea un codi de lloc bàsic. Però el millor és utilitzar per a aquest fi el bé el bloc de notes d'edat.
Vostè pot preguntar, per què complicar-se la vida, perquè si ho fas tot bé en l'editor, a continuació, el resultat es pot veure de seguida, també, i fins i tot li demana al programa que utilitzi.
Sí, és cert, però per crear una taula a partir de zero, que no només serà capaç d'examinar a fons el principi de la seva creació, sinó també per evitar errors tipogràfics i els errors en el codi subjacent. De vegades passa per casualitat que el cursor es mou cap avall, i el procés d'escriure codi d'error s'arrossega, que de vegades és difícil de trobar. Creació d'una taula en un bloc de notes, pot copiar el codi i enganxar-lo al lloc correcte per a vostè.
L'algoritme per crear la taula
Per començar, fer un petit algoritme, com fer una taula en HTML. Això és per assegurar-se que comprèn la seqüència de cada pas. A continuació, analitzar exactament com realitzar cada un dels articles.
Anem a començar amb les accions preparatòries.
1. Dibuixar l'esquema en el vector de paper en.
2. Comptar el nombre de files i cel·les. Si el nombre de diferents passat - pensar de cada ryadochka per separat.
3. Determinar el nombre en les cèl·lules de fila de capçalera (per exemple, «№» cel·lular, "Nom" i t. D.).
4. Anoteu els principals paràmetres de la taula - el color, alçada i amplada, alineació de text - en fi, tot el que vostè sembla convenient.
A continuació, aneu directament a la creació de la taula:
1. Inserir la taula d'etiquetes.
2. Inseriu les etiquetes de les línies de base a la quantitat que necessita.
3. Les files s'insereixen etiquetes de cèl·lules (normals i majúscules), també sobre la base de la quantitat que s'han registrat en el paper.
4. Establir els paràmetres per a tota la taula.
5. Si ha de configurar els paràmetres de les cèl·lules individuals.
6. Ompli el text de la cel·la.
crear una taula
Per tant, la seva elecció editor, ara anem a veure com crear una taula en HTML. Etiqueta que permet la taula (
) s'insereix en el codi de la pàgina s'aparella, és a dir, la nostra construcció s'inicia amb aquesta etiqueta i acaba amb .
Inserció de la taula d'etiquetes, procedir a crear files i cel·les.
Ara, prenem nota que aquests elements també estan aparellats. Etiqueta
defineix una cadena, i | - cèl·lules.
Per a les cèl·lules superiors s'han d'utilitzar elements aparellats | .
Com ja s'ha esmentat, el primer pas és dibuixar una línia, llavors han de registrar-se cel·lular. Per tal d'evitar confusió, és recomanable fer qualsevol farcit entre cada bloc en una línia o dues, o bé prescriure un nou elements de bloc mitjançant l'ús de la tecla "Tab".
Com pot ser similar? Una cosa com això:
- ;
-
; -
№ p / p ; -
Nom ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Com es pot veure, res complicat sobre ell. El més important - no es perdin en el nombre de files i cel·les. Altrament, s'inclina la taula.
Estem desmantellat per crear una taula en HTML, ara podem passar als paràmetres de la matriu i les seves files i cel·les.
Opcions de taula Quan s'escriu el codi, cal prestar atenció als següents punts: l'alineació de la taula de l'HTML, el color de la frontera, de fons, text, i així successivament.
Els paràmetres s'especifiquen a l'etiqueta de la taula . Aquests inclouen:
1. Border - l'ample de la vora. Definida per un nombre enter. Per defecte, totes les vores de la taula s'esvaeixen.
2. borderColor - el color de la frontera. Es pot administrar com el color hexadecimal (# 00008B), i el seu nom en angliykom (DARKBlue). Per defecte, sempre és gris.
3. bgcolor - color de fons. Segons el que especifica pel codi o nom.
4. Alinear - alinear el text de la taula. Per defecte - a l'esquerra. Existeixen les següents opcions per a aquest paràmetre:
- esquerra - dreta embolcall;
- -obtekanie dreta a l'esquerra;
- centre - la taula de sortida en el medi sense flux.
5. L'ample i l'alçada - amplada i l'alçada de la taula. Pot ser en píxels o com un percentatge (en relació amb la mida de la finestra del navegador).
La prescripció d'un indicador en particular, s'ha de prestar especial atenció al disseny. Després d'especificar el paràmetre anar signe "igual", després de les quals entre cometes indica un valor predeterminat.
Pel que fa al color del text, a continuació, fer a terme de la mateixa manera com a text sense format en format HTML.
Exemple d'una taula:
-
; -
; -
№ p / p ; -
Nom ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
paràmetres files Pel que ja hem descobert com fer una taula en HTML i prescriure les seves principals paràmetres. Però el que si hem de assignar una cadena? Fes una ullada al seu no com el cos principal de la taula?
paràmetres de la línia s'escriuen en l'etiqueta | en la mateixa forma que la taula de dades. Per alinear les següents variables poden definir-se:
1. Ja es coneix a la frontera, i borderColor bgcolor.
2. Alinear - alinear el text en la línia. Es pot ajustar a l'esquerra, centre i dreta.
3. VALIGN - l'etiqueta s'alinea el text verticalment. Pren els següents valors:
- top - el text està alineat amb el límit superior;
- mitjana - en el medi;
- inferior - la vora inferior.
neteja de línies EXEMPLE:
- ;
-
№ p / p ; -
Nom ; - .
cèl·lules paràmetres I l'últim que s'ha de prestar atenció a aquells que volen saber com fer una taula en HTML - els paràmetres de les cèl·lules individuals, tant normals com de capital. De fet, tot es fa de la mateixa manera que per a una taula o fila. L'única van afegir dos elements importants:
1. colspan - Aquest paràmetre especifica el nombre de columnes perquè es pot estendre la cèl·lula.
2. rowspan - ja indica el nombre de files ocupades per aquesta cèl·lula.
Atès que el disseny no és diferent de la línia de la prescripció, no es traduirà en el codi d'exemple.
troballes Fes una taula no és tan difícil com podria semblar a primera vista. El més important en escriure el seu codi - perseverança i atenció.
Pel que fa a la forma d'inserir una taula en HTML, llavors el seu nombre de codi és suficient per copiar i enganxar al lloc de la pàgina, en la qual, segons ell, ha de ser col·locat.
No tingueu por d'experimentar, i aviat estarà perfectament dominat la tècnica de creació de taules. Bona sort!
| |
| | |
| | | |
|