Código inicial escrito en HTML
Insertar imagen
<img src="nombreimagen.formatoimagen">
<img src="leon.jpg">
<img src="leon.png">
<img src="leon.gif">
Cambiar tamaño a mi imagen
<img src="leon.jpg" width="300" height="200">
Centrar imagen
<center><img src="leon.jpg" width="300" height="200">
Insertar Hipervínculo
<a href="paginaweb">Textovisible</a>
Ejemplo:
<a href="www.eltiempo.com">Haz clic para entrar a la pagina del tiempo</a>
Si no abre la pagina es por que le falta el World Wide Web(Se recomienda abrir la pagina y copiar la direccion desde la barra de direcciones)
<a href="https://www.eltiempo.com">Haz clic para entrar a la pagina del tiempo</a>
Insertar Hipervínculo a una imagen
<a href="https://www.eltiempo.com"><img src="leon.jpg" width="500" height="400"></a>
Fuentes de texto
<p>Hola este es un texto</p>
<p style="font-family: Arial">Este texto usará Arial</p>
<p style="font-family: Lucida Console;color:blue">Este texto usará Arial</p>
<p style="font-family: Lucida Console;color:blue;font-size: 32px">Este texto usará Arial</p>
<p style="font-family: Lucida Console;color:blue;font-size: 32px;background-color: blue">Este texto usará Arial</p>
Colores personalizados
Si quiero escoger colores personalizados, abro paginas en internet de colores Hexadecimal. Escojo tabla de colores y copio el hexadecimal del color que prefiera.
Ejemplo:
y reemplazo el nombre del color por el código hexadecimal. blue por #9AE630
Ejercicio:
Crear 10 textos con diferente tipo de letra, diferente color, diferente fondo y diferente tamaño.
Fondo de pagina web
Busco y modifico el código:
<body style="background-color: red">
Cambiamos el color por un color en formato Hexadecimal.
MODIFICAR Y UNIFICAR TODO EL TEXTO DE MI PAGINA QUE ESTE DENTRO DE <P>
Escribo todo lo que esta dentro de la etiqueta <style>(frente al color rojo).
Tablas en HTML
<table>
<tr>
<th>Encabezado 1</th>
<th>Encabezado 2</th>
</tr>
<tr>
<td>Dato 1</td>
<td>Dato 2</td>
</tr>
</table>
Para ponerle borde a mi tabla modifico:
<table border="3">
Ejercicio: Hacer una tabla con los siguientes números.
Color de celda
<td bgcolor="red">Dato 1</td>
Sabemos que podemos reemplazar el nombre del color, por código hexadecimal.
<td bgcolor="#FFF085">Dato 1</td>
Color de Fila
<tr bgcolor="#FF8904">
<td>Dato 3</td>
<td>Dato 4</td>
.................................
</tr>
Combinar celdas en tablas
colspan="2" esto nos indica que dos celdas de dos columnas se van a combinar.
Ejemplo:
<tr>
<th colspan="2"> 1</th>
<td> 2</td>
</tr>
rowspan="3" esto nos indica que tres celdas de tres filas se van a combinar.
<tr>
<td rowspan="3"> 3 </td>
<td> 4 </td>
<td> 5 </td>
</tr>
<tr>
<td> 6 </td>
<td> 7 </td>
</tr>
<tr>
<td> 8 </td>
<td> 9 </td>
</tr>
La tabla queda:
Ejercicio, hacer la siguiente tabla:
No hay comentarios.:
Publicar un comentario