Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Jairo Vergara Semana 8pweb

    Cargado por

    jairo vergara
    13 vistas8 páginas
    semana 9

    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
    semana 9

    Copyright:

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

    Jairo Vergara Semana 8pweb

    Cargado por

    jairo vergara
    semana 9

    Copyright:

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

    NOMBRE DE ASIGNATURA

    SEMANA X

    Nombre del estudiante


    Fecha de entrega
    Carrera
    DESARROLLO

    Hice el tema de las imágenes, pero no salió creo que algo me falto, pero hice lo que másfui entendiendo
    en esta parte.
    This is the principal code

    índice.html

    <!<!DOCTYPEhtml>

    <html lang="es" dir="ltr">

    <cabeza>

    <juego de caracteres meta="utf-8">


    <meta name="viewport" content="width=divice-width, initial-scale=1, encoger a-

    encajar=no">

    <!--CSS de arranque-->

    <enlace rel="hoja de estilo"

    href=" https://maxcdn.Bootstrapcdn.com/Bootstrap/4.4.1/css/Bootstrap.min.css">

    <link rel="stylesheet" media="(max-device-width:2768px) and (min-device-

    ancho: 760px)"

    <enlace rel="hoja de estilo" href="general.css">

    <title>Semana 8</title>

    </cabeza>

    <cuerpo>

    <div class="contenedor">

    <div clase="arreglar">

    <span class="float-letf">« Capítulo 1 </span>  <span class="float-right">

    Capítulo 3 » </span>

    </div>

    <h1 class="borde redondeado">Capítulo dos</h1>

    <div align="justify"><p>Este es el contenido del capitulo 2 de este interesante libro</p>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. blandito pellente

    condimentum justo, ut commodo justo sempre in.

    Suspendisse tincidunt turpis nibh, vel gravida velit consectetur tempus. aeneano

    placerat, sem eu tristique tempus, ex sem rhoncus lorem, Quisque facilisis.Cras hendrerit

    lorem vitae dignissim iaculis. Mecenas ultricies, elit

    Rhoncus dignissim sodales. </p>

    <div clase="fila">

    <div clase="col-md-1"></div>

    <div class="col-md-4 d-ninguno d-md-block">

    <div class="miniatura">

    <img src="imagenes/image001.jpg" class="imagen001-img-circulo-redondeado-fluido"


    alt="libro" ancho="300" alto="200">

    </div>

    </div>

    <div clase="col-md-2"></div>

    <div clase="col-md-4">

    <div class="miniatura">

    <img src="imagenes/image001.jpg" class="imagen001-img-circulo-redondeado-fluido"

    alt="libro" ancho="300" alto="200">

    </div>

    </div>

    </div><br><br>

    <h5>Relación 21:9</h5>

    <div class="contenedor mt-3">

    <div class="embed-responsive embed-responsive-21by9">

    <iframe class="embed-responsive-item"

    src=" https://www.youtube.com/embed/YxO0kepmUmA" frameborder="5"></iframe>

    </div><br>

    </div>

    <!--JavaScript opcional-->

    <!--jQuery primero, luego Poppy.js, luego Bootstrap JS-->

    <script src="js/jQuery-3.5.1.min.js" charset="utf-8"></script>

    <secuencia de comandos src="js/bootstrap.min.js" juego de caracteres="utf-8"></secuencia de


    comandos>

    </cuerpo>

    </html>
    Este es el código de los márgenes del código anterior

    General.css

    *{

    margen: 0;

    relleno: 0;

    tamaño de caja: cuadro de borde;

    .borde{

    pantalla: en línea-negro;

    ancho: 250px;

    altura: 60px;

    margen:6px;

    color de fondo:#CC7722

    pags{

    fuente: normal 100%/1.5 Helvetica, Arial, Sans-serif;

    color:#313131;
    }

    .imagen001{

    borde-radio: 50%;

    estilo=ancho:50%;

    .imagen002{

    borde-radio: 50%;

    estilo=ancho:50%;

    @media (ancho máximo: 768px)

    .imagen001{

    visibilidad: d-ninguno;

    }
    REFERENCIAS BIBLIOGRÁFICAS
    IACC(2022), Contenido Semana 8, Incorporación de imágenes, clases, utilidades y responsive

    embeds, usando diseño de página adaptable, Programación Web 1

    También podría gustarte