Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ga5 220501123 Aa2 Ev02

    Cargado por

    Danilo Cruz
    19 vistas8 páginas

    Título original

    GA5-220501123-AA2-EV02

    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
    19 vistas8 páginas

    Ga5 220501123 Aa2 Ev02

    Cargado por

    Danilo Cruz

    Copyright:

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

    CONSTRUCCIÓN SERVICIOS MOCKS MAQUETAS WEB FRONT-END

    GA5-220501123-AA2-EV02

    HEIBERG DANILO CRUZ TOVAR

    SERVICIO NACIONAL DE APRENDIZAJE SENA

    FICHA: (2758541)

    TECNICO EN PROCESAMIENTO DE PRUEBAS DE SOFTWARE

    INSTRUCTOR:

    Francisco Arnaldo Vargas Bermúdez

    BOGOTA

    06 DE MARZO DE 2024
    INTRODUCCIÓN

    El presente trabajo tiene como objetivo profundizar en los conceptos fundamentales de HTML y CSS en el
    desarrollo web. Estos lenguajes son la base para la creación de páginas web modernas y atractivas,
    permitiendo la estructuración y estilización de contenido para una mejor experiencia de usuario.

    Durante este proceso de aprendizaje, exploraremos los elementos esenciales de HTML, desde las etiquetas
    básicas hasta las más avanzadas para crear formularios y tablas. Asimismo, nos adentraremos en las
    posibilidades de estilización que ofrece CSS, permitiendo personalizar el diseño, los colores, fuentes y
    disposición de los elementos en una página web.
    Conceptos Básicos de HTML y CSS en el Desarrollo Web

    Descripción de los Elementos de una Etiqueta HTML:

    • Apertura de la Etiqueta: Se inicia con < seguido del nombre de la etiqueta.


    • Cierre de la Etiqueta: Se cierra con </ seguido del nombre de la etiqueta.
    • Atributos: Opcionales, proporcionan información adicional sobre la etiqueta y se colocan dentro
    del par de etiquetas. Por ejemplo: <etiqueta atributo="valor">.
    • Contenido: El contenido es lo que está dentro de las etiquetas. Por ejemplo:
    <etiqueta>contenido</etiqueta>.

    Etiqueta para el Título Principal en el Contenido de una Página Web:

    La etiqueta para el título principal en el contenido de una página web es <h1>. Esta etiqueta se utiliza para
    el título principal de una sección o artículo dentro del contenido de la página.

    La diferencia con la etiqueta <title> es que <title> se utiliza en el encabezado (<head>) del documento
    HTML y define el título de la página en la pestaña del navegador o en los resultados de búsqueda.
    Estructura Básica de un Documento HTML5:

    <!DOCTYPE html>

    <html lang="es">

    <head>

    <meta charset="UTF-8">

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

    </head>

    <body>

    <header>

    <h1>Título Principal</h1>

    </header>

    <nav>

    <ul>

    <li><a href="#">Enlace 1</a></li>

    <li><a href="#">Enlace 2</a></li>

    </ul>

    </nav>

    <main>

    <article>

    <h2>Subtítulo del Artículo</h2>

    <p>Contenido del artículo...</p>

    </article>

    </main>

    <footer>

    <p>Pie de página...</p>

    </footer>

    </body>
    </html>

    Cambio de <h1> a <h6> en Etiquetas de Título:

    Al pasar de <h1> a <h6>, se reduce el nivel de jerarquía del título. <h1> es el título más grande y más
    importante, mientras que <h6> es el más pequeño y menos relevante dentro de la jerarquía.

    Utilidad de <ol> y <ul> y Diferencias:

    • <ol> se utiliza para crear listas ordenadas (numeradas).


    • <ul> se utiliza para crear listas no ordenadas (viñetas).
    • La diferencia principal es que <ol> crea listas con números o letras, mientras que <ul> crea listas
    con viñetas o puntos.
    Utilidad del Atributo "class" en HTML:

    • El atributo "class" se utiliza para asignar una o varias clases a un elemento HTML.
    • Las clases se definen en CSS y permiten aplicar estilos a múltiples elementos con la misma clase.
    • Ejemplo: <p class="texto-rojo">Contenido del párrafo</p> donde en CSS puedes tener .texto-rojo
    { color: red; }.

    Especificación de <thead>:

    • La etiqueta <thead> especifica la sección de encabezado de una tabla en HTML.


    • Todos los elementos <th> (celdas de encabezado) deben estar dentro de <thead>.
    Luego de applicar el atributo class y modificar el archive CSS.

    Especificación de <input> y Tipos de Input:

    • La etiqueta <input> se utiliza para crear controles interactivos en formularios.


    • Algunos tipos de input comunes son:
    • text: Campo de texto.
    • password: Campo de contraseña.
    • email: Campo de email.
    • checkbox: Casilla de verificación.
    • radio: Botón de radio.
    • submit: Botón de envío.
    • date: Campo de fecha, etc.
    Código CSS para Texto en Negrita sin <b> o <strong>:

    .texto-negrita {

    font-weight: bold;

    Sintaxis CSS para Cambiar Fuente de Elementos <p> a Negrita:

    p{

    font-weight: bold;

    font-family: Arial, sans-serif;

    font-size: 16px;

    Este documento proporciona una visión general de los conceptos básicos de HTML y CSS aplicados en el
    desarrollo web, con ejemplos prácticos y justificaciones de las respuestas a las preguntas planteadas. Estos
    conocimientos son fundamentales para la creación y diseño de páginas web efectivas y atractivas
    visualmente.

    También podría gustarte