HTML quiere decir Hiper Text Markup Languaje y es el lenguaje más utilizado en el desarrollo de páginas web.
Estructura de un documento HTML
La estructura está dada por etiquetas con funciones específicas que abren y cierran y Éstas etiquetas están formadas por palabras clave y atributos y Se definen con símbolos de mayor y menor que (< >) para abrir y Para cerrar, se coloca una diagonal después del símbolo de menor que ().
Ejemplo de la estructura general de una página:
<html>
<head>
<title> Título del documento </title>
</head>
<body>
</body>
</html>
Elementos principales:
- El encabezado en donde se definen elementos que no serán visibles en la pantalla, elementos de configuración y referencia a otros archivos.
- El cuerpo que contiene toda la estructura a mostrarse en pantalla
Para una mejor comprensión, observa el siguiente video:
Principales etiquetas
A continuación se presentan algunas etiquetas básicas:
<HTML>: Es la etiqueta que define el inicio del documento html, le indica al navegador que todo lo que viene a continuación debe tratarlo como una serie de códigos html.<HEAD>: Define la cabecera del documento html, esta cabecera suele contener información sobre el documento que no se muestra directamente en el navegador. Como por ejemplo el título de la ventana de su navegador. Dentro de la cabecera<HEAD>podemos encontrar:<TITLE>: Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana<LINK>: para definir algunas características avanzadas, como por ejemplo las hojas de estilo usadas para el diseño de la página, ejemplo :<link rel="stylesheet" href="/style.css" type="text/css">
<BODY>: Define el contenido principal o cuerpo del documento, esta es la parte del documento html que se muestra en el navegador, dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo<BODY>podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:<H1>, <H2>,... <H6>: encabezados o títulos del documento en diferentes tamaños de fuente<P>: párrafo nuevo<BR>: salto de línea forzado<TABLE>: comienzo de una tabla (las filas se identifican con<TR>y las celdas dentro de las filas con<TD>)<A>: indica la existencia de un hipervínculo o enlace, dentro o fuera la página web. Debe definirse el parámetro de pasada por medio del atributo href (ejemplo:<a href="http://www.google.es">Google</a>se representa como Google)<DIV>: comienzo de un área especial en la página<IMG>: indica la existencia de una imagen para mostrarse en el navegador<LI><OL><UL>:Es uno de los mas utilizados para el manejo de listas.
Hola compañer@s:
ResponderEliminarCada uno de nosotros conoce las bases del Lenguaje HTML, realmente es sencillo, sin embargo, a cierto número de alumnos se complica su comprensión, y por consecuencia, nosotros como docentes nos obligamos y buscamos otras estrategias de enseñanza.
Saludos