Ejemplo CSS libre

 













<html> <!--define la estructura de una página web-->

    <head> <!--contiene información sobre la página web que no se muestra en el navegador-->

        <title><!--La etiqueta <title> define el título de una página web-->

      Ejemplo CSS Libre

</title>

</head>

<style>

h1.solid {

border-style: solid;

background-color: yellow;

}

p{

font-size:50px;

color:red;

font-family: "papyrus", "Courier New", monospace;

}

#borderimg { 

    border: 10px solid transparent;

    padding: 40px;

    border-image: url(doritosolo.jpg) 80 round;

    }

</style>

    <body style="background-color: gray"> <!--contiene todo el contenido visible de una página web-->

    <h1 class="solid">Doritos</h1><!--define el título principal de una página web-->

    <p> Bienvenido</p>

<p id="borderimg">Nachooooooooooooooooooooooooo</p>

<a href="doritoscss.jpg"> <img src="doritoscss.jpg" width="230" height="200"></a>

<p>Programado por: Karol Uriel</p>

<p>Derechos reservados</p>

  </body>

Comentarios

Publicar un comentario

Entradas populares de este blog

Investigacion de Hipervinculos y Lista de ordenadas y desorndenadas

Investigación de Hipervinculos y Lista de ordenadas y desorndenadas. Hipervínculos: Los hipervínculos son elementos interactivos en documentos electrónicos que permiten enlazar o vincular una parte específica del documento con otra ubicación, ya sea dentro del mismo documento o en otro archivo, página web, imagen, video u otro tipo de recurso digital. Estos enlaces son comúnmente utilizados en navegadores web, documentos electrónicos, presentaciones, correos electrónicos y otras formas de contenido digital. La función principal de los hipervínculos es facilitar la navegación y la referencia cruzada entre información relacionada. Al hacer clic en un hipervínculo, el usuario es llevado automáticamente a la ubicación vinculada, proporcionando acceso rápido y directo a recursos adicionales o información relevante. Los hipervínculos son esenciales para la estructura de la World Wide Web (WWW) y son una característica fundamental en la mayoría de las aplicaciones y plataformas digitales. Exi...
Leer más

Practica Iframe

Imagen
<html> <!--define la estructura de una página web-->     <head> <!--contiene información sobre la página web que no se muestra en el navegador-->         <title><!--La etiqueta <title> define el título de una página web-->       Iframe </title> </head>     <body> <!--contiene todo el contenido visible de una página web-->     <h1>Ejemplos de recuadros web (IFrame)</h1><!--define el título principal de una página web--> <iframe src="https://es.wikipedia.org/wiki/Iframe" title="Iframe ejemplo" width="600" height="300" frameborder="0"></iframe> <iframe width="560" height="315" src="https://www.youtube.com/embed/X8NmwFlzFnc?si=rCYn37irQjEE4KAt" title="YouTube video player"  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-i...
Leer más

Etiquetas html

Para trabajar con tablas en HTML, se utilizan varias etiquetas específicas que permiten definir la estructura y contenido de la tabla. Aquí tienes las principales etiquetas que se utilizan para crear tablas en HTML: 1. `<table>`: Define una tabla en HTML. 2. `<tr>`: Define una fila en la tabla. 3. `<th>`: Define una celda de encabezado en la tabla. Se utiliza para las celdas que contienen encabezados de columna o fila. 4. `<td>`: Define una celda de datos en la tabla. Se utiliza para las celdas que contienen datos. 5. `<thead>`: Define el grupo de encabezado de la tabla. Se utiliza para agrupar las filas que contienen encabezados de columna. 6. `<tbody>`: Define el cuerpo de la tabla. Se utiliza para agrupar las filas que contienen datos de la tabla. 7. `<tfoot>`: Define el pie de la tabla. Se utiliza para agrupar las filas que contienen resúmenes o totales de datos. Un ejemplo básico de cómo se pueden utilizar estas etiquetas para crear una ta...
Leer más