Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Práctica #4 - 1961161

    Cargado por

    julioescamilla134
    2 vistas7 páginas
    Este documento presenta una práctica de programación web realizada por el estudiante Julio Escamilla Venegas de la Universidad Autónoma de Nuevo León. Incluye el código HTML y CSS para crear una página web con imágenes, texto y estilo inspirado en su artista favorito, así como alertas en JavaScript para dar la bienvenida al visitante.

    Descripción original:

    Título original

    Práctica #4_1961161

    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
    Este documento presenta una práctica de programación web realizada por el estudiante Julio Escamilla Venegas de la Universidad Autónoma de Nuevo León. Incluye el código HTML y CSS para crear una página web con imágenes, texto y estilo inspirado en su artista favorito, así como alertas en JavaScript para dar la bienvenida al visitante.

    Copyright:

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

    Práctica #4 - 1961161

    Cargado por

    julioescamilla134
    Este documento presenta una práctica de programación web realizada por el estudiante Julio Escamilla Venegas de la Universidad Autónoma de Nuevo León. Incluye el código HTML y CSS para crear una página web con imágenes, texto y estilo inspirado en su artista favorito, así como alertas en JavaScript para dar la bienvenida al visitante.

    Copyright:

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

    Universiada Autónoma de Nuevo León

    Facultad de ingeniería Mecánica y Eléctrica

    Laboratorio programación web


    Práctica # 4

    Ing. Lilia Lizeth Santos López

    Nombre: Julio Escamilla Venegas


    Matricula: 1961161
    Grupo: 208
    Carrera: IAS

    Fecha: 16/09/2023
    Código HTML

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <link rel="stylesheet" href="Act04_style.css">

    <title>Actividad 04</title>

    </head>

    <body>

    <img class="img-left" src="feid.jpg" alt="ferxxo_100" height="200px"


    width="200px">

    <h1>¡¡Heey!! Bienvenido</h1>

    <img class="img-right" src="feid.jpg" alt="ferxxo_100" height="200px"


    width="200px">

    <div class="margen">

    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa at laborum
    ut ducimus, tenetur neque quisquam accusamus quam soluta ratione blanditiis
    voluptas? Modi error autem consectetur! Quae blanditiis doloribus sed?Lorem ipsum
    dolor, sit amet consectetur adipisicing elit. Quasi tempora ex eos, soluta ullam
    blanditiis et porro iste maiores laudantium qui odio iusto incidunt optio impedit error
    praesentium reiciendis veritatis. Lorem ipsum dolor sit amet consectetur adipisicing
    elit. Aspernatur hic eos quibusdam repellat cupiditate velit deserunt? Mollitia
    praesentium facilis quisquam similique commodi assumenda voluptates, iure,
    tenetur provident odio repellendus quo. Lorem ipsum dolor sit amet consectetur
    adipisicing elit. Rerum expedita tempora, maiores doloribus doloremque voluptatem
    magnam voluptate. Perspiciatis accusantium, quod, autem, eaque quas neque odit
    alias iste provident fugit atque? Lorem ipsum dolor sit amet consectetur adipisicing
    elit. Culpa reiciendis accusamus beatae reprehenderit, illum velit quis hic mollitia
    quos nisi modi doloremque odio aspernatur, similique provident sint totam. At, ipsa.
    <br> <br>

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque quam placeat
    similique natus dolor dicta sit quos voluptates, sunt, quod assumenda! Obcaecati
    nihil sunt animi reprehenderit, laborum cupiditate beatae et? Lorem ipsum dolor sit
    amet, consectetur adipisicing elit. Sunt laudantium incidunt similique est ipsum quam
    soluta minima ipsam voluptatem cumque quasi itaque non ut consectetur,
    laboriosam corrupti, eligendi odio. Culpa!

    </p>

    </div>

    </body>

    <script>

    alert("Hola, mi nombre es Julio Escamilla Venegas");

    alert("Bienvenido a mi página con un estilo inspirado en mi artista favorito"); </script>


    </html>
    Código CSS

    body {

    font-family: Arial, sans-serif;

    background-color: #000;

    text-align: center;

    color: #fff; /

    h1{

    text-shadow: 0 0 10px #0f0, 0 0 20px #0f0, 0 0 30px #0f0;

    font-size: 60px;

    text-align: center;

    z-index: 1;

    position: relative;

    .margen {

    background-color: white;

    border: 1px solid #fff;

    box-shadow: 0 0 10px #0f0;

    padding: 20px;

    margin: 20px;

    border-radius: 5px;
    margin-top: 100px;

    .margen p {

    color: black;

    img {

    position: absolute;

    top: 0;

    transform: translateY(-50%);

    margin-top: 90px;

    .img-left {

    left: 0;

    transform: rotate(-10deg) translateY(-50%);

    .img-right {

    right: 0;

    transform: rotate(10deg) translateY(-50%);

    }
    Ejecución del programa

    También podría gustarte