Documentos de Académico
Documentos de Profesional
Documentos de Cultura
HTML 103
HTML 103
Tablas, Parte 2
Hay unas etiquetas más en la construcción de la tabla de un HTML.
Tenemos que saber que una tabla escrita apropiadamente tiene una estructura de meta
etiquetas. Esta meta etiquetas no demuestran un cambio directamente en nuestra tabla, pero
sirve mucho cuando el HTML se convertiría en CSS.
Todas estas etiquetas excepto <caption> funcionan como meta etiquetas. Estas son más
útiles para tener nuestra tabla organizada y fácil de entender cuando miramos el código.
EJEMPLO: RESULTADO:
Tenemos que observar que <caption> viene antes de <thead>. Digamos que
<caption> trabaja exactamente como un titulo principal. Si lo insertamos adentro de
<thead>, no funcionara como nosotros queremos.
Estaremos hablando sobre las tablas después de hablar sobre los atributos. Cuando llegue el
tiempo indicado, vamos a hablar sobre las etiquetas de tablas que dependen por sus
atributos.
¿Qué es un atributo?
estos son valores adicionales que configuran las etiquetas o ajustan su comportamiento de
diversas formas para cumplir los criterios de los usuarios.
Muchos atributos son acompañado con valores: estos valores especifican a los atributos y
sus modificaciones.
El Atributo se puede escribir así si no tiene un valor:
<etiqueta atributo>…</etiqueta
El atributo se puede escribir así si tiene un valor:
<etiqueta atributo=”valor”>…</etiqueta>
Tome nota que el atributo con valor se escribe sin espacio.
El atributo align
Este atributo es uno de los mas usados en todo el HTML. Su única función es de cambiar la
alineación de la etiqueta correspondiente.
Este atributo es usado en una gran cantidad de etiquetas; específicamente:
1. <applet> 6. <iframe> 11. <tfoot> 16. <p>
2. <caption> 7. <img> 12. <th> 17. <body>
3. <col> 8. <table> 13. <thead> 18. Y probablemente
4. <colgroup> 9. <tbody> 14. <tr> mucho más…
5. <hr> 10. <td> 15. <h1,2,3…>
Debemos que saber que los valores están en inglés.
Valores de align:
1. Left = alinear a la izquiera
2. Right = alinear a la derecha
3. Center = alinear al centro
Miremos este atributo en su formato con valor (usando la etiqueta <p> por ejemplo):
Resultado:
DATO CURIOSO: puedes usar el atributo align en <body>, y prácticamente todo el texto
se va a alinear dependiendo de su valor: ¡intentalo!
https://www.computerhope.com/htmcolor.htm
Algunas fuentes que se pueden usar en el atributo face:
RESULTADO:
EJERCICIOS
Primera Serie:
A continuación, tenemos un ejemplo de un HTML en forma de código. Hay errores en el
HTML: indique los errores circulándolos.
Segunda Serie:
Se estará creando un HTML con lo aprendido. Al final le daré opciones de como hacerlo si no
tiene computadora.
Cree una breve biografía sobre usted. La biografía debe que contener información básica sobre
usted (cumple años, nombre de padres, lugares en donde estudiaron) y algunao eventos
significantes que les sucedió en su vida. Ademas debe que contener una comparación de sus
habilidad y debilidades usando listas y una tabla con borde con las mismas habilidades y
debilidades, pero esta vez con las nuevas etiquetas y con una anotación.
4 parrafos
1 título principal
3 subtitulos
2 listas, una numerada y otra no numerada
Una tabla con borde y anotación
3 Parrafos centrados y uno alineado a la derecha
El uso de FONT y sus atributos