Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML 103

    Cargado por

    reenhydra
    7 vistas7 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    7 vistas7 páginas

    HTML 103

    Cargado por

    reenhydra

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 7

    HTML 103

    Hecho por Profe César Solares

    …Sigamos hablando sobre las tablas.

    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.

    Etiqueta ¿Qué es? ¿Para qué se usa?

    Anotación de Añade una anotación/titulo para nuestra


    <caption>…</caption la tabla tabla.

    Cabeza de la Indica y agrupa la cabeza de una tabla.


    <thead>…</thead> tabla Contiene todos los <th> y la primera fila.

    Cuerpo de la Indica y agrupa la cabeza de una tabla.


    <tbody>…</tbody> tabla Contiene la mayoría de las filas y la
    mayoría de los <td>.
    Pie de la Indica y agrupa el pie de una tabla.
    <tfoot>…</tfoot> tabla. Contiene la ultima fila de la tabla.

    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):

    <p align=”center”> Probando</p>


    Ahora miremos un ejemplo usandolo el HTML

    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!

    La etiqueta <FONT> y sus atributos


    NOTA IMPORTANTE: Esta etiqueta no es soportada en versiones muy nuevas de html,
    como HTML5. Esta etiqueta sirve para decorar nuestro HTML, pero se dejará de usar
    cuando comencemos a introducir CSS.
    Esta etiqueta sirve para modificar el texto de nuestro HTML. Como muchas etiqueta que
    hablaremos después, esta es muy dependiente de sus atributos, ya que sin atributos haría
    nada.
    Atributo ¿Qué es? ¿Para que se usa?
    Cambia el tamaño del texto seleccionado.El
    Size Tamaño valor más pequeño es 1 y el más grande es 7.

    Cambia el color del texto seleccionado.


    Color Color

    Cambia el tipo de letra (o l fuente) del texto


    Face Cara seleccionado.

    Algunos colores que se pueden usar:


    1. Black = negro 10. Red = Rojo
    2. Gray = gris 11. Maroon = marrón
    3. Water = Agua 12. Pink = Rosa
    4. Skyblue = celeste 13. Magenta = Magenta
    5. Blue = azul 14. Orange = Naraja
    6. Green = Verde 15. Violet = violeta
    7. Yellow = amarillo 16. Purple = Purpura
    8. Chocolate = chocolate 17. White = Blanco
    9. Brown = café
    Hay demasiados colores que se puede usar. Hay colores que son de dos palabras:
    estas no se pueden escribir en el código en forma de palabras, pero en vez se tendrá
    que escribir su código de color. A continuación, les estoy dando un link para que
    investiguen el color que quieran usar.

    https://www.computerhope.com/htmcolor.htm
    Algunas fuentes que se pueden usar en el atributo face:

    1. Arial 11. Rockwell


    2. Calibri 12. Tahoma
    3. Cambria 13. Times new Roman
    4. Candara 14. Papyrus
    5. Consolas 15. Wide latín
    6. Comic sans ms 16. Wingdings (no recomendado)
    7. Copperplate gothic 17. Y mucho Mas
    8. Algerian
    9. Franklin Gothic
    10. Impact
    Recordemos que se puede usar más de un atributo en una etiqueta. En este caso, lo
    estructuraríamos así:

    <FONT size=“4” color=“blue” face= “impact”>…</FONT>


    EJEMPLO:

    RESULTADO:

     RECUERDEN QUE <FONT> SOLAMENTE SE USARÁ POR EL


    MOMENTO. CUANDO COMENCEMOS A USAR CSS,
    DEJAREMOS DE USARLO.
    Nombre: ___________________ Grado: _______________

    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.

    ESTA PÁGINA LO ENTREGARÁ. LA INFORMACIÓN NO.


    Nombre: ___________________ Grado: _______________

    El HTML debe que contener:

     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

    ¿Cómo lo puedo hacer?


    No es obligatorio hacer el HTML en una computadora especialmente si no tienen una en
    posesión. Nosotros no queremos que use una computación en las próximas semanas. Estas
    son tres formas que lo puede hacer:
    1) En computador
     Si tiene una computadora en su casa, ¡Perfecto! Solamente instale Brackets o
    Visual Studio Code y podrá hacerlo. Cuando terminen su archivo, mándenlo a
    mi correo electrónico, por whatsapp web, o presencial. Mi correo y numero
    estará debajo.
    2) En Celular
     Hay aplicaciones en Google Play Store y en Appstore que sirven como editores
    de HTML. No recomiendo tanto este método ya que es algo difícil de escribir en
    pantalla táctica de un celular, y especialmente estas aplicaciones tendrán que
    aprenderse a usar el editor que descarguen. Cuando terminen su archivo,
    mándenlo por correo o por whatsapp web.
    3) A mano
     Si no tienen computadora, recomiendo que escriban su código a mano. Usen un
    cuaderno alineado, no cuadrado. Cuando terminen escribir su código, lo van a
    entregar presencial el día que se les diga.

    NUMERO: 4157 2320 CORREO: cesarsolar64@gmail.com

    ESTA PÁGINA LO ENTREGARÁ. LA INFORMACIÓN NO.

    También podría gustarte