Antes de comenzar con este Curso de Introducción al HTML aprovecharé para presentarme brevemente.
Mi nombre es Claudio R. Delgado Pereyra, Socio-Fundador de MDTec/Soluciones en Tecnología. Me dedicó al desarrollo y coordinación de proyectos en diversos lenguajes de programación y desde hoy comenzaré a través de esta vía a transmitirles todo aquello que he aprendido, aprendo y aprenderemos juntos.
Este Curso será la primera entrega de un ciclo que tendrá como objetivo principal acercarles todas las herramientas necesarias para que puedan insertarse en el mundo del desarrollo Web.
Los temas a tratar a lo largo de las distintas entregas serán:
- Estructura básica de un documento HTML.
- Dando forma al texto del documento HTML.
- Caracteres especiales.
- Enlaces.
- Imágenes.
- Alineación y dimensionado de imágenes.
- Fondos y colores.
- Tablas.
- Formularios.
- Mapas.
- Frames.
Comenzaremos con los rudimentos de este lenguaje que será la base de todos nuestros documentos Web. Para aquellos que ya posean conocimientos previos espero sean pacientes (y no se aburran) ya que abordaremos el lenguaje desde lo elemental... Igualmente siempre viene bien un repaso.
1. Estructura básica de un documento HTML.
El principio esencial del lenguaje HTML es el uso de las etiquetas (TAG).
Funcionan de la siguiente manera:
<XXX> Este es el inicio de una etiqueta.
</XXX> Este es el cierre de una etiqueta.
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente.
Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>:
<HTML>
[Todo el documento]
</HTML>
Un documento HTML en sí está dividido en dos zonas principales:
- El encabezado, comprendido entre las etiquetas <HEAD> y </HEAD> y
- El cuerpo, comprendido entre las etiquetas <BODY> y </BODY>.
Dentro del encabezado hay información del documento, que no se ve en la pantalla principal del navegador que es utilizado para visualizar el documento HTML, principalmente la información encontrada en el encabezado es el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>.
Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.). Por lo tanto, la estructura de un documento HTML queda de esta manera:
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
</HEAD>
<BODY>
[Aquí van las etiquetas que visualizan la página]
</BODY>
</HTML>
Esta ha sido la presentación del Curso y de nuestro querido HTML. Dejo la puerta abierta para consultas que surgirán en aquellos que no hayan trabajado anteriormente con lenguajes Web como por ej.: extensiones de los documentos, navegadores, entornos de desarrollo, etc.
Estas páginas las escribiremos juntos así que espero sus comentarios y sugerencias.
En la próxima entrega trataremos los siguientes temas:
- Dando forma al texto del documento HTML.
- Caracteres especiales.
Además iré sumando algunos temas extras que están fuera del lenguaje pero son necesarios conocer como por ej.: Servidores Web, Navegadores, etc.
Éxitos y nos leemos en la próxima!
No hay comentarios:
Publicar un comentario