Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • El Codigo HTML

    Cargado por

    Incendyus1
    4 vistas14 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, 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 PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    4 vistas14 páginas

    El Codigo HTML

    Cargado por

    Incendyus1

    Copyright:

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

    UNIDAD EDUCATIVA FISCOMISIONAL

    "JUAN XXIII"
    Quinindé – Esmeraldas
    AMIE 08H00826

    MODULO DE DISEÑO Y
    DESARROLLO WEB

    CURSO:
    SEGUNDO “A”
    ¿Qué es HTML?
    (Lenguaje de Marcas de Hipertexto,
    del inglés HyperText Markup Language) 

    HTML es el lenguaje de marcado estándar utilizado para


    crear páginas web. Es la base de cualquier sitio web y es
    fundamental para asegurarse de que los sitios sean
    accesibles y estén optimizados para motores de búsqueda.
    En términos simples, HTML es un conjunto de etiquetas
    que se utilizan para estructurar y presentar contenido en
    una página web. Estas etiquetas permiten a los
    desarrolladores web agregar texto, imágenes, videos y
    otros elementos multimedia a una página web.
    Estructura HTML
    • La estructura básica de HTML consta de dos
    partes principales: la cabeza (head) y el cuerpo
    (body). La cabeza contiene información
    importante sobre la página, como el título y los
    metadatos, mientras que el cuerpo contiene el
    contenido real de la página.
    • Dentro del cuerpo, las etiquetas se utilizan para
    estructurar el contenido en diferentes secciones
    y subsecciones. Por ejemplo, la etiqueta <h1>
    se utiliza para encabezados importantes,
    mientras que la etiqueta <p> se utiliza para
    párrafos de texto.
    UTILIDAD DE LOS ELEMENTOS HTML EN UNA
    PAGINA BASICA

    Ejemplo

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Mi pagina de prueba</title>
    </head>
    <body>
    <img src="images/firefox-icon.png">
    </body>
    </html>
    Estructura HTML
    “La acción es la llave fundamental de todo éxito” Pablo Picasso
    <html> <!DOCTYPE html>
    <head> <html >
    </head> <head>
    <title> <title>Page Title</title>
    </head>
    Mi pagina web
    <body>
    </title> <h1>This is a Heading</h1>
    <body bgcolor="#FFFFCC"> <p>This is a paragraph.</p>
    Hola Mundo </body>
    </body "> </html>
    </html>
    Etiquetas de contenido

    Hay muchas etiquetas HTML diferentes que se utilizan para agregar contenido
    a una página web. Algunas de las etiquetas más comunes incluyen <img>, que
    se utiliza para agregar imágenes, y <a>, que se utiliza para crear enlaces.
    También hay etiquetas para agregar videos (<video>), listas (<ul> o <ol>),
    tablas (<table>) y mucho más. Cada etiqueta tiene su propia sintaxis y
    propósito específico.
    Estructura HTML
    Antes de empezar, debes entender cuál es
    la estructura de una etiqueta HTML. La
    gran mayoría están compuestas por:
    • Apertura
    • Atributo
    • Valor
    • Contenido
    • Cierre
    elementos básicos de HTML

    <html> … </html>
    Delimita y engloba toda la página web, que consta de cabecera y cuerpo.

    <head> … </head>
    Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se
    muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los
    buscadores para interpretar o a encontrar correctamente la página.

    <title> … </title>
    Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del
    navegador.

    <body> … </body>
    Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se
    muestran en la página, así como las indicaciones de cómo deben mostrarse.
    FORMATOS DE PÁRRAFO

    El texto de la página se puede estructurar en encabezamientos de los diferentes apartados de la página, que
    pueden tener distintos niveles de 1 a 6 (siendo 1 el más importante) y párrafos normales.

    <h1>deportivo</h1> o <h2> ... </h2> (hasta 6)


    Párrafos que son encabezamientos (con distintos niveles).

    <h>... </h>
    Párrafos normales.

    <h align="center">... </h>


    El atributo align permite alinear el texto del párrafo. Se puede aplicar igual a las etiquetas <H1>, <H2>, etc ...

    <br>
    Permite partir un párrafo empezando una línea nueva pero sin dejar espacio.
    FORMATOS DE TEXTO

    El formato de caracteres permite cambiar tanto el tipo de


    <FONT COLOR="red"> ... </FONT>
    fuente como su tamaño y aspecto.
    Indicación expresa del tipo de letra a usar, en este caso el
    Se pueden utilizar varias etiquetas HTML para dar
    color 
    distintos formatos a un grupo de caracteres:
    Formatos Físicos:
    <FONT SIZE="+1"> ... </FONT>
    •Negrita:        <B>…</B>
    Indicación expresa del tipo de letra a usar, en este caso el
    •Cursiva:        <I>…</I>
    tamaño 
    •Subrayado:        <U>…</U>
    •Teletipo:        <TT>…</TT>
    La etiqueta FONT permite combinaciones cualesquiera de
    •Tachado:        <STRIKE>…</STRIKE>
    los atributos COLOR, SIZE 
    •Grande:        <BIG>…</BIG>
    •Pequeña:        <SMALL>…</SMALL>
    •Superíndice:        <SUP>…</SUP>
    •Subíndice:        <SUB>…</SUB>
    ENLACES

    Sirven para acceder desde una página a otra página o a otro recurso disponible 
    <a href="http://servidor/recurso.html">texto del enlace</a>
    Enlace absoluto a una página

    <a href="recurso.html">texto del enlace</a>


    Enlace relativo a una página

    <a name="marcador"> ... </a>


    Marcador (enlace interno) dentro de una página

    <a href="#marcador">texto del enlace</a>


    Enlace a un marcador de la misma página

    <a href="recurso.html#marcador">texto del enlace</a>


    Enlace a un marcador de otra página (que puede darse con dirección absoluta o relativa)

    <a href="recurso.html" target="_blank">texto del enlace</a>


    Enlace a otra página (absoluta o relativa, con o sin marcador) que se abra en otra ventana.
    IMÁGENES

    <img src="nombre.gif">
    Muestra una imagen, que normalmente es de tipo GIF o JPG

    LAS TABLAS

    La tabla debe ir entre la etiqueta <table>, especificando el borde que deseamos. Los comandos
    que nos delimitan las filas son <tr>…</tr>, y para las columnas <td>…</td>.  Para combinar
    varias columnas o filas utilizamos los atributos colspan o rowspan respectivamente. Si quieres
    destacar una fila o columna para que se comporte como título utilizamos <th>…</th>. Te
    muestro un ejemplo.

    También podría gustarte