Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Proyecto

    Cargado por

    humberto.de.paz.personal
    6 vistas12 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
    6 vistas12 páginas

    Proyecto

    Cargado por

    humberto.de.paz.personal

    Copyright:

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

    Formación para el trabajo

    HTML
    ¿UN LENGUAJE MAS?

    Centro Educativo
    Mesocamericano
    Índice

    01 03
    02
    Conclusiones
    ¿Que es?

    Funcionamiento

    2
    01

    HTML - ¿Qué es?


    ¿QUE ES?

    - HTML es el lenguaje de marcado estándar


    para crear y diseñar páginas web.
    - Las siglas HTML significan HyperText
    Markup Language.
    - Fue creado por Tim Berners-Lee en 1991
    como parte fundamental de la World Wide
    Web.

    Source: NASA SCIENCE | solarsystem.nasa.gov 4


    02

    ¿Cómo funciona HTML?


    SU ESTRUCTURA BASICA
    Cómo Funciona?

    - HTML utiliza etiquetas para estructurar el contenido de una página web.

    - Las etiquetas son elementos que rodean diferentes partes del contenido y
    le dan significado.

    - Los navegadores interpretan las etiquetas y muestran el contenido en el


    formato adecuado.

    Source: NASA SCIENCE | solarsystem.nasa.gov 6


    Estructura

    <!DOCTYPE html>

    <html>

    <head>

    <title>Título de la página</title>

    </head>

    <body>

    <h1>Encabezado principal</h1>

    <p>Este es un párrafo.</p>

    </body>

    </html>

    Source: NASA SCIENCE | solarsystem.nasa.gov 7


    Principales Etiquetas

    - `<html>`: Define el documento HTML.

    - `<head>`: Contiene información sobre el documento.

    - `<title>`: Especifica el título de la página web.

    - `<body>`: Contiene el contenido visible de la página.

    - `<h1>`, `<h2>`, `<h3>`, etc.: Encabezados de diferentes


    niveles.

    - `<p>`: Párrafo de texto.

    - `<a>`: Define un enlace.

    - `<img>`: Inserta una imagen.

    Source: NASA SCIENCE | solarsystem.nasa.gov 8


    Conceptos

    Algunos conceptos adicionales de HTML:

    - Elementos de lista: `<ul>`, `<ol>`, `<li>`.

    - Tablas: `<table>`, `<tr>`, `<td>`.

    - Formularios: `<form>`, `<input>`, `<button>`.

    - Estilos CSS: `<style>`, `<link>`, atributos `style`.

    Source: NASA SCIENCE | solarsystem.nasa.gov 9


    03

    Conclusiones
    Y un poco mas
    Recursos Adicionales Conclusión

    - W3Schools: - HTML es el lenguaje base para la construcción de páginas


    (https://www.w3schools.com/html/) web.
    - Conocer HTML te permitirá crear y dar estructura a tus
    - Mozilla Developer Network: propias páginas web.
    (https://developer.mozilla.org/en-US/docs/Web/HTML) - ¡Explora, experimenta y diviértete construyendo en la web
    con HTML!

    11
    HTML

    GRACIAS

    También podría gustarte