Nous administradors web han d'enfrontar molts desafiaments. Semblaria que avui podem utilitzar per crear les seves pròpies plantilles de llocs web, però el problema és que no sempre tenen les propietats desitjades, i després haver de o bé crear un disseny de pàgina web des de zero, o bé realitzar canvis en un codi existent. I llavors serà necessari el coneixement del codi HTML i la idea mínima de com configurar el color de fons i la pàgina, inserir una imatge o un vídeo, fer una taula en HTML.
Inici dels treballs sobre la taula
Una de les coses més difícils en les pàgines HTML de marcat - la taula. El problema no és la complexitat de l'etiqueta, que, de fet, no és massa difícil de recordar, i que en escriure codi, que fàcilment pot cometre un error - que s'oblidi de registrar la línia addicional o cèl·lula, introduïu el text no va a on cal, i altres menudencias . I com més la taula, major serà la probabilitat de cometre un error.
Per tant, començar a crear una taula en HTML, es recomana un enfocament màxim i no badar.
En primer lloc, hem de dibuixar una taula de futur en un tros de paper, marcant aquell en el qual la cèl·lula que serà, a més de destacar per si mateixos els paràmetres bàsics d'un element en particular.
El següent és calcular el nombre de files de la taula i el nombre de cèl·lules en cada fila. També es recomana tenir en compte elements com ara la presència d'imatges a la taula, color de fons, les fronteres, el text. Només llavors es pot començar a crear una taula HTML usant la informació emmagatzemada.
editor
Pel que ha creat una taula de disseny. Ara hem de triar l'editor apropiat per crear-lo. Podeu triar els llocs específics, i els dissenyadors per fer una taula en ells. L'ús d'aquest programari, crear una taula és tan simple com en el document de Word. Es pot seleccionar un programa com FrontPage. Tot i que el programa és bastant antic, que pot ajudar a crear bons llocs web, a més que es pot trobar més d'un tutorial.
Per crear una taula HTML usant un codi especial que es pot utilitzar per a aquest propòsit i un quadern normal o un document de Word normal. No obstant això, aquí cal treballar més dur que escriure el codi seria llarga.
Podeu utilitzar l'editor integrat en el motor de programari en si. Per tant, quan es crea un registre en molts motors que ofereix la possibilitat d'afegir diferents elements, incloent taules. Fins i tot si l'editor de característiques bàsiques no està satisfet, fer canvis en el codi serà més fàcil que escriure des de zero.
etiquetes
Independentment de com l'editor que utilitzarà abans de començar a crear una taula en HTML, vostè ha de recordar les etiquetes bàsiques. Els tres d'ells -
, i | . Recordeu que totes les etiquetes estan aparellats. La primera taula representa una etiqueta en el seu conjunt, defineix una segona línia, el tercer - la cèl·lula dins de la fila.
Una mica més sobre cadascuna de les etiquetes. La taula sempre comença amb l'etiqueta i acaba amb . Qualsevol navegador és el símbol del que és una taula davant seu. A continuació, les línies que s'obre etiqueta i acaba amb prescrit. A cada fila, l'ús de l'etiqueta | i nombre prescrit de cèl·lules.
Per tant, el codi de la taula 2x2 es veurà així:
| |
|
| | |
Inserir una taula en les pàgines de codi HTML pot ser copiat des de l'editor seleccionat.
taules de paràmetres, les files i les cèl·lules Per tant, hem discutit el codi bàsic. Ara anem a parlar sobre com millorar la taula, fer que sigui més brillant i més atractiva. Per a això, és necessari conèixer els paràmetres bàsics de l'etiqueta. Estan escrites en una etiqueta d'inici, en què després s'equipara cada paràmetre, i després registra el seu valor pres entre cometes. Per exemple, un fons en una taula HTML es defineix com: .
Tenim una llista d'alguns paràmetres bàsics que seran més útils per a vostè. Anem a començar amb la pròpia taula.
Per tant, per establir l'ample de la vora fronterer ajuda paràmetre, que pot prendre qualsevol valor numèric. Color de la vora estableix borderColor. Els antecedents generals estableix bgcolor.
Si desitja que la imatge fons de la taula, utilitzeu Usat fons, en aquest cas s'ha de configurar patró d'URL.
Alinear el contingut de la pàgina voltant del paràmetre de taula s'alinearà, que es pot ajustar a l'esquerra, centre i dreta.
Establir l'etiqueta del títol ajudarà a l'una , que registra immediatament després de l'etiqueta d'obertura .
Una cadena de bits de paràmetres. El color de les cel·les d'una fila s'ajusta utilitzant bgcolor. Alineació del text horitzontalment es pot fer usant el paràmetre align (esquerre, central o dret), vertical - valign (assumeix valors superior, mitjana o inferior).
Pel que fa a la cèl·lula pot observar-se que el patró de color de fons i el fons es dóna per això amb els mateixos paràmetres que per a tota la taula. Alinear el text Podeu utilitzar els paràmetres d'alineació, i valign.
També hi configuracions específiques - colspan i rowspan. Amb la primera es pot establir el nombre de columnes, que s'estendrà la cèl·lula. El segon especifica el nombre de files de la qual es pot estendre una cèl·lula donada.
Això és totes les opcions més útils.
Taula de colors Diguem unes paraules sobre aquest tipus de coses útils com la taula de colors. Amb l'ajuda del fons de la pàgina es fixa, el color del text, enllaços i altres elements. taula de colors conté al voltant de 216 colors. Cadascun d'ells té el seu propi codi hexadecimal.
El codi en si mateix comença amb un signe de lliura i comprèn tres parells de dígits o lletres. Per exemple, el color verd de la taula té el codi # 007F0. Cada parell representa la intensitat d'un dels tres colors primaris - vermell, verd i blau. Utilitzant la taula, es pot triar el color que desitgi i configurar usant el codi.
Si no pot utilitzar la taula, es pot ajustar el color utilitzant el seu nom en anglès.
contingut
Unes poques paraules sobre el contingut. Per descomptat, el més sovint podem veure el text en una taula HTML, però això no vol dir que només podem posar-hi. I línies cel·lulars també poden contenir arxius d'imatges de vídeo, àudio i, enllaços.
Per col·locar el text o qualsevol altra informació a la cel (línia), ha d'establir que entre les dues etiquetes. Per exemple: Nom . Es mostrarà el "Nom" a la cel·la.
Mostra informació gràfica i arxius multimèdia mitjançant etiquetes especials - ![]() , <àudio> i
consells Finalment donem alguns consells útils per ajudar a crear ràpidament una taula HTML de qualsevol complexitat.
En escriure la taula recomanem que primer es registren etiquetes de taula i els seus principals paràmetres. Llavors files de la llista de les etiquetes. Cada parell iniciar una nova línia. Pel que veurà el nombre de files de la taula. També llista els paràmetres de la fila o files, si difereixen dels bàsics. A continuació, es recomana per començar a registrar cada cèl·lula com una nova línia. És desitjable fer una osca o dues Tab des de la vora. Per tant, es veurà clarament l'estructura del codi.
El contingut de cel·les i files aconsella a registrar tan aviat com el final, quan el marc de la taula està llista.
| | |