Introducción a HTML ejercicios con etiquetas fundamentales

Etiquetas en HTML estructura principal 

En base a las etiquetas fundamentales para formatear texto de encabezados y párrafo se deben realizar los siguientes 2 ejercicios tal cuál la referencia que aparecen debajo con formato .jpg

Recordar que la estructura de un documento en HTML es dado por las siguientes etiquetas 


<!Doctype html>, <html>, <head>, <title>, y <body>


 Son encargadas de enmarcar la estructura.

<!Doctype html> es encargada de declarar el documento

<html> sigue a continuación y dentro de ella va el lenguaje ej: <html lang="es">

luego sigue la etiqueta:

<head> que es la cabecera del documento (parte no visible en el cuerpo del navegador)

Dentro de la cabecera o head aparece la etiqueta 

<title> que dará título a nuestra página (comúnmente lleva el nombre "índex.html" página de inicio o de llegada. Cabe agregar que esta información se ve en la url del navegador y es por lo que los motores de búsqueda van a encontrarla.

también dentro de head se encuentran <meta charset="utf-8"> caracteres en español y la codificación de lenguaje entre otros, forman parte de los metadatos.


Recién después aparece <body> con todo el contenido "visible" para el usuario

Dentro de esta aparecerán 

<h1>,<h2>...y <p>, para estructurar encabezados y párrafos de texto en ese orden.


 Por último las etiquetas para dar formato a los párrafos 

<strong> texto destacado "negrita"

<em> texto itálico



Desarrollar los siguientes ejercicios utilizando el block de notas.


Tener en cuenta guardar el archivo desde la ventana guardar de block de notas con los siguientes requisitos:
Nombrar el archivo como ejercicio1.html, ejercicio2.html... así sucesivamente
la codificación debe ser: "utf-8" y marcar los atributos: *.* (todos los archivos)

 Ejercicio 1


Ejercicio 2



























Comentarios

Publicar un comentario

Entradas populares de este blog

Tipos de listas en HTML

Imagen
Listas HTML  (no ordenadas) y (ordenadas) El lenguaje HTML, ya sea la versión HTML4 o la versión HTML5, posee tres tipos de listas. Las listas no ordenadas , las listas ordenadas y las listas de descripción. ( la veremos más adelante) Cada una de estas listas se crea con una etiqueta específica de HTML: <ul> para la lista no ordenada, <ol> para la lista ordenada   Los elementos de las listas se definen de la siguiente forma. Para la lista no ordenada y la lista ordenada se emplea el elemento <li>. Ul es el acrónimo de unordered list , lista no ordenada. En una lista no ordenada, el orden de aparición de los elementos no es importante. Cada elemento de la lista se define con <li> , que es el acrónimo de list item. Los elementos de la lista se indican con símbolos, como círculos, cuadrados o rombos. En el siguiente ejemplo, vemos el código HTML que produce como resultado la lista no ordenada que figura a continuación       El estilo de u...
Leer más

Enlaces, hipervínculos e imágenes

Imagen
Enlaces, links, hipervínculos Definición y Uso La etiqueta <a> define un hipervínculo, que se utiliza para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del vínculo. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado es subrayada y púrpura Un vínculo activo es subrayada y rojo Enlaces hipervínculos HTML  enlaces HTML son hipervínculos. Puede hacer clic en un enlace y saltar a otro documento. Al mover el ratón sobre un enlace, el puntero del ratón se convertirá en una pequeña mano. Nota:  Un enlace no tiene que ser un texto.  Puede ser una imagen o cualquier otro elemento HTML. video Vínculo a un link externo <a> Vínculo a una imágen  <img src> Abrir un enlace en una nueva ventana del navegador  ...
Leer más

Tablas en HTML

Imagen
Creación de Tablas Desde sus primeras versiones, HTML incluyó el soporte para crear tablas de datos en las páginas web. Además de ser sencillo, el modelo definido por HTML es muy flexible y bastante completo. Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno de publicación de documentos: Las tablas de HTML puede contener elementos simples, agrupaciones de filas y de columnas, cabeceras y pies de tabla, subdivisiones, cabeceras múltiples y otros elementos complejos. A pesar de que las tablas HTML son fáciles de comprender y utilizar, son uno de los elementos más polémicos de HTML. El problema de las tablas es que no siempre se utilizan adecuadamente. Aunque parezca obvio, las tablas se deben utilizar para mostrar información tabular. Hasta hace unos años, las tablas también se utilizaban para definir la estructura de las páginas web. La cabecera de la página era una fila de una gran tabl...
Leer más