Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tarea - Semana1 1

    Cargado por

    Pablo Javier Jiménez Henríquez de Nericz
    6 vistas5 páginas
    pro

    Título original

    tarea_semana1 1 (2)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    pro

    Copyright:

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

    Tarea - Semana1 1

    Cargado por

    Pablo Javier Jiménez Henríquez de Nericz
    pro

    Copyright:

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

    1 ¿Qué herramienta de edición de HTML recomendarías para el desarrollo de la página

    web? Para ello, elabora un cuadro comparativo entre tres herramientas diferentes, con
    base en los elementos para la programación web estudiados durante la semana.

    Características Atom Sublime text Notepad++


    Tamaño 140 MB 8.71 MB 4.42 MB
    Precio Gratuito No gratuito Gratuito
    Interfaz Posee temas, Posee temas, fuentes Interfaz básica
    fuentes y diferentes y diferentes
    configuraciones configuraciones para
    para la interfaz la interfaz
    Velocidad Posee algunos Sin problemas Sin problemas
    problemas de
    latencia
    Configuración Mayor cantidad de Posee menos Posee menos cantidad
    opciones para cantidad de opciones de opciones para
    configuración para configuración configuración
    Paquetes Posee paquetes Aplicaciones y No posee esta opción
    incorporados software de terceros
    para descarga de
    paquetes

    2. ¿Cuáles son los elementos considerados en la creación del glosario? Describe cada uno
    de ellos a través del documento HTML diseñado.

    Los elementos considerados en la creación del glosario consiste en el uso de etiquetas para
    colocar encabezados de cada término seguido de etiqueta de estructura para las definiciones
    usando la etiqueta <p>, además se añaden saltos de línea para que la información se
    muestre de manera separada. Todo esto utilizando la estructura base de una página simple
    en HTML.

    3. Para cada una de las secciones de un documento HTML: ¿Cómo clasificarías las
    etiquetas necesarias para crear tu primera página web? Documenta cada una de las etiquetas
    utilizadas en el glosario diseñado.
    Las etiquetas las clasificaría en 3:

     Elementos head: elementos de encabezado, es decir, elementos utilizados en el


    elemento HEAD, para especificar información sobre el documento como un todo
     Elementos para la estructura del documento: por ejemplo, la división en partes y
    párrafos: H1, H2, H3, H4, H5, H6, ADDRESS y los siguientes elementos de bloque:
    P, UL, OL, DL, PRE, DIV, CENTER, BLOCKQUOTE, FORM, ISINDEX, HR,
    TABLE; a veces, el término elemento de nivel de bloque se usa para referirse a
    elementos de bloque y elementos.
     Elementos para texto: especificando segmentos de texto y sus propiedades como
    texto sin formato, que posiblemente contenga secuencias de escape (como &amp;);
    marcado de frase: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE;
    marcado de fuente: TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP; elementos
    especiales: A, IMG, APPLET, FONT, BASEFONT, BR, SCRIPT, MAP y elementos
    de campo de formulario: INPUT, SELECT, TEXTAREA

    Las etiquetas utilizadas fueron las siguientes

     html: representa la raíz de un documento HTML


     head: El elemento es un contenedor de metadatos (datos sobre datos) y se coloca
    entre la etiqueta <html> y la etiqueta <body>.
     meta: La etiqueta <meta> define metadatos sobre un documento HTML. Los
    metadatos son datos (información) sobre datos.
     title: La etiqueta <title> define el título del documento. El título debe ser solo de
    texto y se muestra en la barra de título del navegador o en la pestaña de la página.
     body: La etiqueta <body> define el cuerpo del documento.
     h1y h3: Las etiquetas <h1> a <h6> se utilizan para definir encabezados HTML.
     p: La etiqueta <p> define un párrafo.
     ul: La etiqueta <ul> define una lista desordenada
     li: La etiqueta <li> define un elemento de lista.
     br: La etiqueta <br> inserta un solo salto de línea.
    Glosario de términos básicos
    Elaborado por: Pablo Jimenez Henriquez
    1.1.1 ETIQUETA DIV
    La etiqueta <div> define una división o una sección en un documento HTML.
    La etiqueta <div> se utiliza como contenedor de elementos HTML, que luego se diseñan
    con CSS o se manipulan con JavaScript.
    La etiqueta <div> se diseña fácilmente usando el atributo class o id.

    1.1.2 ETIQUETA P
    La etiqueta <p> define un párrafo.
    Los navegadores agregan automáticamente una sola línea en blanco antes y después de
    cada elemento <p>.

    1.1.3 ETIQUETA SPAN


    La etiqueta <span> es un contenedor en línea que se utiliza para marcar una parte de un
    texto o una parte de un documento.
    La etiqueta <span> se diseña fácilmente con CSS o se manipula con JavaScript usando el
    atributo class o id.
    La etiqueta <span> es muy parecida al elemento <div>, pero <div> es un elemento a nivel
    de bloque y <span> es un elemento en línea.

    1.1.4 ETIQUETA IMG


    La etiqueta <img> se utiliza para incrustar una imagen en una página HTML.
    Técnicamente, las imágenes no se insertan en una página web; las imágenes están
    vinculadas a páginas web. La etiqueta <img> crea un espacio de espera para la imagen a la
    que se hace referencia. La etiqueta <img> tiene dos atributos obligatorios:
     src: especifica la ruta a la imagen
     alt: especifica un texto alternativo para la imagen, si la imagen por algún motivo no
    se puede mostrar.
    1.1.5 ETIQUETA INPUT
    La etiqueta <input> especifica un campo de entrada donde el usuario puede ingresar datos.
    El elemento <input> es el elemento de formulario más importante.
    El elemento <input> se puede mostrar de varias formas, según el atributo de tipo.
    Los diferentes tipos de entrada son los siguientes:
     <input type="button">
     <input type="checkbox">
     <input type="color">
     <input type="date">
     <input type="datetime-local">
     <input type="email">
     <input type="file">
     <input type="hidden">
     <input type="image">
     <input type="month">
     <input type="number">
     <input type="password">
     <input type="radio">
     <input type="range">
     <input type="reset">
     <input type="search">
     <input type="submit">
     <input type="tel">
     <input type="text">
     <input type="time">
     <input type="url">
     <input type="week">
    Canal absolute. (27 de marzo de 2021). La Vida de un PROGRAMADOR WEB (Cómo
    ser un Desarrollador Web, Con qué lenguaje empezar) [El Mejor canal de Programación
    que vas a conocer en tu vida.]. YouTube. La Vida de un PROGRAMADOR WEB (Cómo
    ser un Desarrollador Web, Con qué lenguaje empezar)

    Pablo Jiménez
    Tarea 1
    Programación web

    También podría gustarte