Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 8 vistas

    PROGRAMACION

    Cargado por

    victor
    Este documento contiene apuntes sobre conceptos básicos de HTML y Bootstrap. Explica el uso de etiquetas como H1, strong, nav, footer y otras. También cubre conceptos de diseño web como display, padding, flexbox y grids en Bootstrap.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd

    PROGRAMACION

    Cargado por

    victor
    8 vistas3 páginas
    Este documento contiene apuntes sobre conceptos básicos de HTML y Bootstrap. Explica el uso de etiquetas como H1, strong, nav, footer y otras. También cubre conceptos de diseño web como display, padding, flexbox y grids en Bootstrap.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento contiene apuntes sobre conceptos básicos de HTML y Bootstrap. Explica el uso de etiquetas como H1, strong, nav, footer y otras. También cubre conceptos de diseño web como display, padding, flexbox y grids en Bootstrap.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Descargar como txt, pdf o txt
    8 vistas3 páginas

    PROGRAMACION

    Cargado por

    victor
    Este documento contiene apuntes sobre conceptos básicos de HTML y Bootstrap. Explica el uso de etiquetas como H1, strong, nav, footer y otras. También cubre conceptos de diseño web como display, padding, flexbox y grids en Bootstrap.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Descargar como txt, pdf o txt
    Está en la página 1de 3

    APUNTES Y CONCEPTOS

    (CLASE 0)

    todo lo visible va dentro de la etiqueta body (cuerpo de mi web)

    anoten... existen etiquetas que son cerradas, y etiquetas que tienen etiquetas
    abiertas y etiquetas cerradas

    La etiqueta H1 es un encabezado HTML cuyo uso más común es marcar el título de una
    página web.

    El H1 es una etiqueta que se utiliza para identificar aquellas frases que conforman
    el título principal de un contenido de una página web

    la h, significa en ingles de (Heading elements)

    (CLASE 1)

    nombre de las carpetas:


    -minúsculas
    -sin caracteres raros
    -sin espacios
    -nombre coherente pls!

    esa tabulación es muy importante, porque con esa tabulación nos da la visión para
    leer el codigo

    h1 = titulo principal y mas importante, no se puede repetir, uno solo por cada
    HTML.

    del h2 al h6, se pueden repetir pero se tienen que respetar la jerarquía.

    muy importante, los distintos h, se usan en función de importancia o relevancia del


    texo/contenido y NO en función del tamaño que tengan

    también pueden hacer

    Lorem + numero

    y generan un texto con n cantidad de palabras

    por ejemplo lorem10 genera un párrafo con 10 palabras

    strong aunque se pone negrita como la (b), strong para el SEO es como una palabra
    IMPORTANTE

    en el nav siempre van son las opciones para navegar

    en el header podrías tener ejemplo, un logo y el nav

    puedes usar el nav arriba :)! y a veces ponen las mismas opciones del nav abajo en
    el footer….

    por ejemplo en webs como noticias, foros o blog, es muy imporante tener etiquetas
    semantica

    (CLASE 2)

    ol (listas ordenadas) de order list

    van a estar enumeradas... 1, 2, 3...

    (li) list item

    (CLASE 3)

    las clases la re utilizamos :)! los id son unicos

    aunque tanto id y clases de pueden usar para estilar

    yo recomiendo el uso de id nomas para navegación interior y formularios y dejar las


    clases para los estilos

    (CLASE 4)

    Por defecto algunos elementos se comportan como Elementos en Bloque o como


    Elementos en Linea

    sin embargo, nosotros podemos modificar ese comportamiento por defecto con el uso
    de la propiedad display

    Por ejemplo, un H1 se comporta como un Elemento en Bloque, pero podemos modificar


    su comportamiento para que este actúe como un Elemento en Linea con el estilo

    h1{
    display: inline-block
    }

    de modo que ese h1, ya no ocuparía toda la pantalla, sino que ocuparía un tamaño
    con respecto a su contenido
    El padding de un elemento es la cantidad de espacio entre el borde y el contenido
    del elemento. (relleno)

    se puede usar para cualquier cosa pero OJO que a las imágenes el padding las hace
    mas pequeñas por ejemplo

    (CLASE 5)

    display:flex;
    justify-content:center;
    align-items:center;

    es todo lo que van a necesitar jaj

    (CLASE 9)

    ahora yo se que parece que es todo magia, o como codigos raros que hay que saberse
    de memoria, pero no##el enfoque es el siguiente, cada vez que quieran estilar algo
    ej: agregar un padding, un margin, cambiar un color, agrandar un texto, agregar
    flex, etc##buscan eso + la palabra Bootstrap en google por ejemplo o directamnte en
    la documentacion y ahi bootstrap les tira el nombre de la clase para aplicar esos
    estilos por ejemplo:##d-flex = display:flex;#text-danger = color:red;#justify-
    content-center = justify-content:center;#. . .#. . . #

    la medidas medidas de menor a mayor son:##col-sm (tamano small, mobile)#col-md-


    (tamano medium, tablet)#col-lg- (tamano large, desktop)##luego del " - " va la
    cant de columnas que quieren usar para esa medida (de 1 a 12)##ejemplo ##col-sm-12
    (ocupa todas las columnas en mobile)#col-md-6 (ocupa la mitad de columnas en
    tablet)#col-lg-4 (ocupa un tercio en la version desktop)##

    le podes poner margins##bootstrap tiene:##m- (margin general)#my- (margin arriba y


    abajo)#mx- (a los costados)##luego del " - " va un numero del 0 al 5##siendo 5 el
    valor mas alto de margin#

    También podría gustarte