Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML 102

    Cargado por

    reenhydra
    8 vistas8 páginas
    un pequeño documento hablando sobre etiquetas de HTML como , ,, y las tablas.

    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
    un pequeño documento hablando sobre etiquetas de HTML como , ,, y las tablas.

    Copyright:

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

    HTML 102

    Cargado por

    reenhydra
    un pequeño documento hablando sobre etiquetas de HTML como , ,, y las tablas.

    Copyright:

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

    HTML 102

    …la secuela de HTML 101


    Hecho por profe César Solares

    RETROALIMENTACIÓN
    En el guía anterior, nosotros aprendimos el concepto de las meta etiquetas y las etiquetas
    fundamentales.

    <html> indica el comienzo y el final de nuestro HTML.

    <Head> sirve para mostrar el comienzo y el final del encabezado de nuestro HTML. Esta
    siempre está en el comienzo, encapsula <title>, y no se muestra en el contenido de nuestro
    HTML.

    <body> sirve para indicar el comienzo y el final del cuerpo de nuestro HTML. Esta
    contiene todo el contenido que se mira en la página web.

    <p> indica el comienzo y final de cada párrafo. Ya que tendremos mucho contenido en el
    HTML, esta etiqueta se usará mucho.

    <h> se usa para marcar como título. Existe desde el <h1> que es el título principal,
    <h2>,<h3>,<h4>,<h5> y <h6>. Solo se puede usar un <h1> para tener una página formal.

    <br> sirve para dividir una línea en nuestro párrafo y sigue debajo. También sirve para
    saltar espacios en un párrafo.

    … y esto es el fin de nuestra retroalimentación.

    En esta guía, estaremos hablando sobre unas etiquetas básicas y los atributos
    de HTML.

    La etiqueta <hr>

    Esta etiqueta es muy simple y sirve solo para una cosa: para decoración. Como
    la etiqueta <br>, esta etiqueta no necesita una cerradura en la línea HTML.
    EJEMPLO:

    RESULTADO:

    Etiqueta para listados


    La creación de un listado puede ser algo confuso, tienen que poner mucha atención a lo
    que escriban en el editor.

    Para crear listados, existen 3 etiquetas importantes.

    <UL>…</UL> Sirve para añadir una lista No numerada. No es necesario añadir la


    etiqueta <br> para partir el listado, ya que esta etiqueta lo hace automáticamente. Esta
    etiqueta se debe que insertar al comienzo y al final de nuestro listado.

    <OL>…</OL> Sirve para añadir una lista Numerada. Como la etiqueta anterior, no
    es necesario añadir la etiqueta <br> para partir el listado. Esta también debe que ser
    insertado al comienzo y al final del listado.

    <LI>…</LI> >Probablemente la etiqueta más importante para el listado. Esta indica


    el elemento del listado. Para tener más de un elemento, tenemos que tener esta etiqueta
    consecutivamente en la misma línea SIN SALTAR DE LINEA.
    EJEMPLO USANDO UNA LISTA NO NUMERADA

    Tomen nota de que en el editor nos muestra que toda la lista cae en la línea 7. Eso es lo que
    me refiero a no saltar de línea en la mitad de un listado.

    RESULTADO
    EJEMPLO USANDO LISTA NUMERADA

    RESULTADO

    Etiquetas para tablas


    Las tablas son una forma fantástica para mostrar datos en nuestra página web. Recordemos
    que una tabla tendrá este formato:

    Columna 1, Fila 1 Columna 2 Columna 3 Columna 4


    Fila 2
    Fila 3
    Fila 4
    Las filas se extienden en forma horizontal, mientras las columnas se extienden en forma
    vertical.
    Lo más importante que se debe de saber mientras se trabaja con tablas es la dirección que
    se insertan las filas.

    Las etiquetas básicas para una tabla sería:

    Etiqueta ¿Qué significa? Descripción


    <table>… tabla Etiqueta para indicar el inicio y el final de la
    </table> tabla.
    <tr>…</tr> Table Row – Fila de Etiqueta para indicar el comienzo y final
    tabla para una fila. Para añadir otra fila se debe
    que poner esta etiqueta al final del anterior.
    <td>…</td> Table Data – Celda de Indica una celda de la tabla. Para añadir otra
    tabla celda se debe que usar la misma etiqueta
    detrás del final de esta etiqueta.
    <th>…</th> Table header – Estas etiquetas funcionan igual que <td>,
    Encabezado de tabla pero estos normalmente se usan en la
    primera fila. Es como el <h1> de una tabla.

    Se estará trabajando fila por fila, no se puede hacer por columna.

    Para tener una tabla decente, cada fila tiene que tener la misma cantidad de celdas. Si la
    primera etiqueta de fila tiene cuatro celdas dentro suya, las subsecuentes deben que tener el
    mismo número de celdas.

    La tabla de arriba terminaría siendo así:

    Comienzo de tabla
    Fila 1, sirve como
    La tabla que nos muestra en HTML es una tabla sin bordes. Tristemente no se le puede
    Encabezado
    añadir con etiquetas o atributos, pero es posible. Estaremos hablando de eso cuando
    hayamos terminado HTML y seguiremos con CSS.
    Celdas de fila 1
    Ahora,
    Filaintentemos
    2 añadir todo lo que hemos aprendido en un HTML:

    Celdas de fila 2
    Resultado:
    Hay muchos más etiquetas para HTML. Etiquetas como <BLOCKQUOTE>…
    </BLOCKQUOTE y <q>…</q>, <!DOCTYPE>, pero las que hemos aprendido son las
    más importantes a mi criterio.

    Si quieren aprender otras por su propia cuenta, ¡Tenga la libertad!

    EJERCICIO 1
    Hacer una investigación de su animal favorito. EL HTML debe contener:
    1. Un título principal
    2. Un subtitulo
    3. 4 Párrafos
    4. Un listado numerado
    5. Formatos de texto (por lo menos 5)
    Al finalizar, nombrar su carpeta como su nombre, y nombrar el HTML como
    “ejercicio1.html”

    EJERCICIO 2
    Te has aplicado para un trabajo de desarrollo web, y como requisito debes que construir un
    HTML básico hablando sobre ti. Debe contener:
     Tu información básica
     Tu información académica
     Habilidades y debilidades
     Gustos y pasatiempos.
    El HTML debe contener:
    1. Un título principal
    2. Por lo menos un subtitulo
    3. Por lo menos 4 párrafos
    4. Un listado
    5. Una tabla
    6. No menos de 5 formatos de texto
    Se estará calificando la creatividad y su forma de usar las etiquetas. Al finalizar,
    guárdelo en su carpeta y nombrar el archivo como “ejercicio2.html

    También podría gustarte