Blog HLC y DIW por Virginia

Entradas

Mostrando las entradas de enero, 2020

Crear una lista con diferente color las filas pares e impares

enero 07, 2020

<article> <h3>Lista de ejemplo:</h3> <ul class="lista" > <li>Leche: Si</li> <li>Huevo: Si</li> <li>Gluten: No</li> <li>Frutos con cáscara: No</li> ...

Tabla completa

enero 07, 2020

<table> <thead> <tr>  <td colspan="10">Información Nutricional/Porción(100g)</td> </tr>  ...

Tablas con HTML5 colspan y rowspan

enero 07, 2020

Rowspan , indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila. Colspan , indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna. De esta forma si ponemos <td colsan=2> , quiere decir que la celda actual se extiende en el ancho de dos celdas. Algo parecido ocurre si ponemos <td rowspan=3> , la celda ocupará el alto de 3 celdas normales. Código fuente de la tabla: <table width="80%" border="1" cellspacing="0" cellpadding="0"> <tr> <td rowspan="3" ><p>Países Europeos</p></td> <td><p>España</p></td> <td><p>Madrid</p></td> </tr> <tr> <td><p>Francia</p></td> <td><p>Paris</p></td> </tr> <tr> <td><p>Reino Unido</p></td> <td><p>Lond...

Creación de un ancla.

enero 07, 2020

Poner un ancla que nos lleva de un punto a otro dentro de una misma página web es muy facil, unicamente ponemos el ancla o la imagen donde pulsaremos en el lugar que queramos: <a href="#Ancla">Ancla</a> y donde queremos que nos lleve colocamos: <a name="Ancla" id="a"></a> Fin

Resultado Menu con submenu

enero 07, 2020

Menú con submenú en html5 y css

enero 07, 2020

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Menú con submenus</title> <link rel="stylesheet" href="estilo.css" /> </head> <body> <header> </header>  <nav> <ul class="menu"> <li><a href="#">Coches</a> <ul class="submenu"> <li><a href="#">Coche1</a></li> <li><a href="#">Coche2</...

Así quedaría el formulario

enero 07, 2020