Táboa - un dos máis importantes, pero cos mesmos elementos complexos de tempo que deben estar presentes nas páxinas web. Coa súa axuda, é conveniente aplicar unha información importante e útil nunha forma moi concisa. Por suposto, a maioría dos editores en modelos, traballando en motores diferentes, inserir automaticamente unha táboa na súa páxina web ou publicación separada, pero que se o recurso deseño web, as súas páxinas son creadas a partir de cero? A continuación, o mestre de novicios pode obter un problema: como facer unha táboa HTML. Imos ver como rápido e crear correctamente o elemento.
escoller editor
Primeiro de todo, comezando a crear unha táboa, ten que definir o editor en que vai traballar. Por suposto, o xeito máis doado de escoller o programa no que se crea un código básico web. Pero é mellor usar para esta finalidade o ben Notepad idade.
Podes preguntar por que complicar a súa vida, porque se fai todo certo no editor, entón o resultado pode ser visto inmediatamente, tamén, e mesmo pide ao programa a usar.
Si, é certo, pero para crear unha táboa a partir de cero, non só será capaz de examinar coidadosamente o principio da súa creación, senón tamén para evitar erros de dixitación embaraçosas e erros no código subxacente. Ás veces acontece por acaso que o cursor é movido para baixo, eo proceso de escribir código de erro se arrastra, que ás veces é difícil de atopar. Creando unha táboa nun portátil, pode copiar o código e pega-o no lugar axeitado para vostede.
O algoritmo para crear a táboa
Para comezar, fai unha curta algoritmo, como facer unha táboa HTML. Isto é para garantir que comprende a secuencia de cada etapa. Logo analizar exactamente como realizar cada un dos elementos.
Imos comezar con accións preparatorias.
1. Debuxe o esquema na táboa de papel no.
2. Conta o número de liñas e células. Se o número de pasado diferente - pensar en cada ryadochka separado.
3. Determinar o número nas células da liña de cabeceira (por exemplo, célula «№», "Nome" e t. D.).
4. Anota os principais parámetros da táboa - a cor, alto e ancho, aliñamento de texto - en fin, todo o que pareza máis axeitada.
A continuación, ir directamente á creación da táboa:
1. Pon a táboa de etiquetas.
2. Insira as etiquetas de liñas con base na cantidade que precisa.
3. As liñas inserir etiquetas de células normais e (maiúsculas), tamén na base da cantidade que teña gravado en papel.
4. Define os parámetros para a táboa enteira.
5. Se ten que definir parámetros para células individuais.
6. Encha o noso texto da cela.
crear unha táboa
Entón, escolle editor, agora imos ollar para como crear unha táboa HTML. Tag que permite que a táboa (
) é inserida no código da páxina está vinculación, é dicir, a nosa construción comeza con esta marca e remata con .
Inserir táboa de marcas, continuar a crear liñas e células.
Agora, podemos constatar que estes elementos tamén están vinculados. Etiqueta
define unha cadea, e | - células.
Para células superiores deben utilizarse elementos vinculados | .
Como xa se mencionou, o primeiro paso é debuxar unha liña, a continuación, eles teñen que rexistrarse célula. Para evitar confusión, é aconsellable facer calquera recheo entre cada bloque en unha ou dúas liñas, ou prescribir un novo elementos de bloque usando a tecla "Tab".
Como é que pode ver como? Algo coma isto:
-
; -
; -
№ p / p ; -
Nome ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Como verás, nada complicado sobre el. A principal cousa - non se perder no número de liñas e células. En caso contrario, a mesa está inclinada.
Estamos desmontado para crear unha táboa HTML, agora podemos pasar os parámetros tanto do Matrix e as súas liñas e células.
Opcións de mesa Cando o código está escrito, é necesario prestar atención aos seguintes puntos: aliñación na táboa HTML, a cor do fronteiras, fondo, texto, e así por diante.
Os parámetros son especificados na etiqueta táboa . Estes inclúen:
1. Border - o ancho do borde. Definido por un número enteiro. Por defecto, as beiras da táboa desaparecen.
2. BORDERCOLOR - a cor do borde. Pode ser dado como cor hexadecimal (# 00008B), eo seu nome en angliykom (DarkBlue). Por defecto, sempre gris.
3. bgcolor - cor de fondo. Conforme especificado polo código ou nome.
4. Aliñar - aliñar o texto para a táboa. Estándar - á esquerda. Existen as seguintes opcións para este parámetro:
- esquerda - envoltura dereita;
- dereito -obtekanie á esquerda;
- centro - mesa de saída no medio sen fluxo.
5. ancho e alto - ancho e alto da mesa. Ela pode ser tanto en píxeles ou como porcentaxe (en relación ao tamaño da xanela do navegador).
Prescribir un determinado indicador, ten que prestar especial atención ao deseño. Despois de especificar o parámetro para ir signo "igual", tras o cal entre comiñas indica un valor predeterminado.
En canto á cor do texto, a continuación, facer a el do mesmo xeito como texto simples en formato HTML.
Exemplo dunha táboa:
- ;
-
; -
№ p / p ; -
Nome ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
liñas parámetros Entón, nós xa descubriu como facer unha táboa HTML e prescribir os seus principais parámetros. Pero o que se necesita reservar unha cadea? Consulte o seu non como o corpo principal da mesa?
parámetros de liña están escritos no etiqueta | , do mesmo xeito como a táboa de datos. Para aliñar as seguintes variábeis poden ser definidas:
1. Xa coñecido a vostede a fronteira, bordercolor e bgcolor.
2. Aliñe - aliñar o texto en liña. Pode ser configurado para a esquerda, centro e dereita.
3. valign - tag aliñan o texto vertical. Leva os seguintes valores:
- Top - o texto está aliñado co límite superior;
- medio - no medio;
- bottom - a bordo inferior.
EXEMPLO clasificación liña:
-
; -
№ p / p ; -
Nome ; - .
células parámetros E a última cousa que ten que prestar atención a aqueles que desexan saber como facer unha táboa HTML - os parámetros de células individuais, tanto normais e capital. En realidade, todo está feito da mesma forma que a tabela ou liña. O único engadidos dous elementos importantes:
1. colspan - Este parámetro especifica o número de columnas para as cales a célula pode estender.
2. ROWSPAN - xa indica o número de liñas ocupadas por esta cela.
Sempre que o proxecto non é diferente da liña de prescrición, non resultará no código de exemplo.
resultados Fai unha táboa non é tan difícil como pode parecer a primeira vista. A principal cousa ao escribir o seu código - perseveranza e atención.
En canto á forma de introducir unha táboa HTML, entón o seu número de código é suficiente para copiar e pegalo no lugar da súa páxina, na que, na súa opinión, debe ser colocado.
Non teña medo de probar, e en breve está perfectamente dominado a técnica de creación de táboas. Boa sorte!
| |
| | |
| | | |
|