Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Programación Web

    Cargado por

    L. Angel M. Tola
    7 vistas6 páginas
    Programación Web - HTML CSS

    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
    Programación Web - HTML CSS

    Copyright:

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

    Programación Web

    Cargado por

    L. Angel M. Tola
    Programación Web - HTML CSS

    Copyright:

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

    PROGRAMACION WEB

    • ¿Qué es programación Web?


    Es la creación de sitios web para Internet 
    . ¿Para que nos sirve la programación?

    . ¿Quiénes son los programadores Webs?


    ¿Que es HTML?
    e (lenguaje de marcado de hipertexto)
    i HTML es el lenguaje de marcado principal de la web. Permite al usuario crear y estructurar secciones,
    párrafos, encabezados, enlaces y elementos de cita en bloque para páginas web y aplicaciones.

    ¿Cómo funciona HTML?


    Los documentos HTML son archivos que terminan con una extensión .html o .htm.
    Puedes verlos usando cualquier navegador web:
    Cada página HTML consta de un conjunto de etiquetas (también denominadas elementos), que son los componentes
    básicos de las paginas web.
    La mayoría de los elementos HTML tienen una apertura y un cierre que utilizan la sintaxis <etiqueta> </etiqueta>.
    Estructuras de los elementos de HTML:
     Los elementos son los componentes fundamentales del HTML
     Cuentan con 2 propiedades básicas:
     Atributos
     Contenido
     En general se conforman con una Etiqueta de Apertura y otra Cierre.
     Los atributos se colocan dentro la etiqueta de apertura, y el contenido se coloca entre la etiqueta de apertura y la de cierre .

    Elemento

    Etiqueta de Apertura Contenido Etiq. de Cierre


    <p class=“texto”> Curso HTML CEMA </p>
    <html>
    <head>
    <!-- INFORMACION META-->
    </head>
    <body>
    <h1>Título principal</h1>
    <h2>Subtítulo interesante</h2>
    <p>Primer párrafo</p>
    <img src="/" alt="Imagen">
    <p>Segundo párrafo con un <a
    href="https://ejemplo.com">hipervínculo</a></p>
    </body>
    </html>
    ETIQUETAS EN LÍNEA EN HTML:
     Los encabezados tienen 6 niveles en HTML. Van desde <h1> </h1> a <h6> </h6>, donde h1 es el
    encabezado de nivel más alto y h6 es el más bajo.
     párrafos están encerrados por <p> </p>
     las citas en bloque usan la etiqueta <blockquote> </blockquote>.
     Las divisiones podemos marcarlos usando la etiqueta <div> </div>.
     las etiquetas <ol> </ol> para las listas numeradas
     y <ul> </ul> para las que no estén numeradasLos elementos individuales de la lista deben estar
    encerrados por la etiqueta <li> </li>. Por ejemplo:
    <ul>
    <li>Elemento de lista 1</li>
    <li>Elemento de lista 2</li>
    <li>Elemento de lista 3</li>
    </ul>
     <strong> </strong> representaría un elemento en negrita
     etiquetas <em> </em> lo mostrarían en cursiva.
     <a> </a> y atributos href para indicar el destino del enlace: <a href="https://ejemplo.com/">¡Clic aquí!</a>
     <img> sin ninguna etiqueta de cierre. Pero también necesitarás usar el atributo src para especificar la
    ruta de la imagen, por ejemplo: <img src="/imagenes/ejemplo.jpg" alt="Imagen de ejemplo">
    Evolución de HTML. ¿Qué diferencia hay entre HTML y HTML5?

    ¿Cómo se relacionan HTML, CSS y JavaScript?


    • Si bien el HTML es un lenguaje poderoso, no es suficiente para construir un sitio web
    profesional y totalmente responsive.
    • CSS es el responsable de los estilos, como el fondo, los colores, los diseños, el
    espaciado y las animaciones.
    • JavaScript te permite agregar una funcionalidad dinámica como controles deslizantes,
    ventanas emergentes y galerías de fotos.
    Página Web
    • Párrafos •Tablas
    Estructura • Encabezados • Capas
    HTML
    • Listas • Etc.
    • Textos
    Contenido • Imágenes
    • Enlaces
    CSS
    • Colores • Fondos
    Apariencia • Tipografías • Tamaños
    • Alineación • Etc.
    • Efectos
    Comportamiento • Validaciones Javascript
    • Automatización

    También podría gustarte