18-01 TECNO 2 CLASES 4
HTML
El tamaño de letra es importante y da importancia a lo que deseas expresar.
EJERCICIO 1
CABECERA 1
CABECERA
2
CABECERA
3
CABECERA 4
CABECERA
5
CABECERA 6
CABECERA 6
Ejercicio 2
ESTO ESTA EN ARIAL
ESTO ESTA TRES VECES MÁS GRANDE QUE LA LÍNEA ANTERIOR
El formato de letra para dar mas visibilidad a tu redacción usamos: negrilla, cursiva y subrayado, al igual el tamaño, en el siguiente ejercicio veras como utilizarlo.
Ejercicio 3
ESTO ESTA EN NEGRITA
ESTO ESTA EN CURSIVA
ESTO ESTA SUBRAYADO
ESTO ESTA GRANDE
ESTO ESTA PEQUEÑO
AQUI UTILIZAMOS SUPER INDICE
AQUI UTILIZAMOS SUB INDICE
Imágenes en HTML
Para visualizar una imagen en un documento HTML se puede utilizar el elemento "img".
Elemento "img"
EJEMPLO Si en pantalla se quiere ver, por ejemplo, la siguiente imagen con el logo de Abrirllave:
Se puede escribir ("una-imagen.html"):
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Ejemplo de una imagen</title>
</head>
<body>
<img src="logo-abrirllave.gif" width="230" height="60" alt="Logo de Abrirllave.com">
</body>
</html>
Como se puede observar, el elemento "img" no necesita la etiqueta de cierre (</img>) ya que no tiene contenido. Ahora bien, véase que en "img" se han escrito varios atributos.Atributo src
El atributo src sirve para indicar la ubicación de la imagen que se quiere mostrar en el navegador web. En este caso, la imagen debe estar en la misma carpeta que el archivo "una-imagen.html".Atributos width y height
witdth y height permiten especificar, respectivamente, la anchura y la altura de la imagen en píxeles.Atributo alt
El atributo alt sirve para indicar un texto que se mostrará en pantalla en el caso de que la imagen no se encontrara.EJEMPLO Si en "una-imagen.html", en vez de "logo-abrirllave.gif", por error se hubiese escrito "logoabrirllave.gif", al visualizar el documento HTML se vería algo parecido a:
Tablas en HTML
Tabla básica - Elementos "table", "tr" y "td"
EJEMPLO En la siguiente tabla se muestran 12 datos:
RELIZA LA TABLA
Para ello, el código puede ser ("tabla-basica.html"): COPIA EL TEXTO EN UN BLOCK DE NOTAS
Obsérvese que, cada fila de la tabla se representa por medio de un elemento "tr" y, dentro de cada fila, se ha escrito cada uno de los datos dentro de un "td".
Comentarios
Publicar un comentario