Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Htmlcss

    Cargado por

    jumelisrosales
    3 vistas2 páginas

    Título original

    htmlcss

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    Htmlcss

    Cargado por

    jumelisrosales

    Copyright:

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

    HTML (Hypertext Markup Language) y CSS (Cascading Style Sheets) son dos tecnologías

    fundamentales para el desarrollo web. Aquí tienes un resumen de ambas:

    HTML (Hypertext Markup Language):

    1. Propósito:
    ○ Lenguaje de marcado utilizado para estructurar y presentar contenido en la
    web.
    2. Estructura Básica:
    ○ Documento HTML comienza con <!DOCTYPE html> seguido de la etiqueta
    <html> que contiene <head> y <body>.
    3. Elementos y Etiquetas:
    ○ Elementos HTML son construidos con etiquetas, como <p> para párrafos,
    <h1> para encabezados, <a> para enlaces, etc.
    ○ Atributos proporcionan información adicional a los elementos.
    4. Estructura del Documento:
    ○ Títulos con etiquetas <h1> a <h6>.
    ○ Párrafos con <p>.
    ○ Listas ordenadas <ol> y no ordenadas <ul>.
    ○ Imágenes con <img>.
    ○ Enlaces con <a>.
    5. Formularios:
    ○ Elementos como <form>, <input>, <select>, y <button> para crear
    formularios interactivos.
    6. Multimedia:
    ○ Integración de elementos multimedia con <audio> y <video>.
    ○ Uso de <iframe> para incrustar contenido externo.
    7. Atributos Globales:
    ○ Atributos como class y id para agregar estilos o referenciar elementos con
    CSS y JavaScript.

    CSS (Cascading Style Sheets):

    1. Propósito:
    ○ Lenguaje de estilo utilizado para controlar la presentación y el diseño de
    documentos HTML.
    2. Selectores:
    ○ Seleccionan elementos HTML para aplicar estilos.
    ○ Selectores de tipo, clase, ID, descendientes, etc.
    3. Propiedades y Valores:
    ○ Define propiedades como color, font-size, margin, padding, etc.
    ○ Valores especifican cómo se aplican las propiedades.
    4. Box Model:
    ○ Define el modelo de caja que describe cómo se representan y se organizan
    los elementos en el diseño.
    ○ Propiedades como margin, border, padding influyen en este modelo.
    5. Posicionamiento:
    ○ Propiedades como position, top, bottom, left, y right controlan la
    ubicación de los elementos.
    ○ float para alinear elementos.
    6. Flexbox y Grid:
    ○ Introducción de Flexbox y Grid para el diseño más avanzado y flexible.
    ○ Permite el diseño de interfaces complejas de manera más eficiente.
    7. Media Queries:
    ○ Permite adaptar estilos según características del dispositivo, como tamaño
    de pantalla.
    ○ Facilita la creación de diseños responsivos.
    8. Transiciones y Animaciones:
    ○ Añade interactividad y dinamismo a través de transiciones (transition) y
    animaciones (@keyframes).
    9. Estilos Externos e Internos:
    ○ Estilos pueden ser definidos internamente con la etiqueta <style> o
    externamente en archivos CSS.

    HTML y CSS trabajan juntos para estructurar y dar estilo a las páginas web, proporcionando
    la base para la creación de interfaces atractivas y funcionales en el navegador.

    También podría gustarte