HTML Básico:Introducción

Primera entrega de este curso de HTML enfocado a aquellas personas que se van iniciando en la programación y el diseño web y quieran aprender las bases fundamentales de lenguaje para creación de páginas web.

El curso será entregado por capítulos, será realizado tomando segmentos de libros, apuntes,  otras páginas web, tutoriales y experiencias personales, sugerencias etc. Conforme avancemos por los capítulos dejaremos algunos ejercicios para que practiquen en ejemplos definidos.

En el transcurso también subiéremos otros cursos y libros que les ayudaran a  tener diferentes  puntos de vista.

Al final se creara un PDF con todo el Curso aquí expuesto.

Saludos y espero les sea de gran ayuda.

Introducción

HTML es la abreviatura de HyperText Markup Language, y es el lenguaje que todos los programas navegadores usan para presentar información en la World Wide Web (WWW).

Antes que nada que quede claro.

¿HTML es un lenguaje de programación?
No

Es un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. Las marcas (tag) HTML son simples etiquetas que comunican al navegador el formato del documento. El HTML, pues, no puede definirse como un lenguaje de programación, sino como un sistema de marcado.

Este es un lenguaje muy sencillo que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado dentro de un par de paréntesis angulares(<..>). El texto incluido dentro de los paréntesis nos dará una explicación de la utilidad de la etiqueta. Así por ejemplo la etiqueta <TABLE> nos permitirá definir una tabla.

Las etiquetas podrán incluir una serie de atributos o parámetros, en su mayoría opcionales, que nos permitirán definir diferentes posibilidades o características de la misma. Estos atributos quedarán definidos por su nombre (que será explicativo de su utilidad) y el valor que toman separados por un signo de igual. En el caso de que el valor que tome el atributo tenga más de una palabra deberá expresarse entre comillas, en caso contrario no será necesario.

Así por ejemplo la etiqueta <TABLE border=2> nos permitirá definir una tabla con borde de tamaño 2.

Entre otras cosas, el manejo de estas etiquetas nos permitirá:

  • Definir la estructura lógica del documento HTML.
  • Aplicar distintos estilos al texto (negrita, cursiva, …).
  • La inclusión de hiperenlaces, que nos permitirán acceder a otros documentos relacionados con el actual.
  • La inclusión de imágenes y ficheros multimedia (gráficos, vídeo, audio).

¿Qué vamos a necesitar para crear un documento HTML?

  • Un procesador de textos para escribir y editar el código HTML. Este podrá ser cualquiera que no formatee el texto, ya que el leguaje HTML está basado en el código ASCCI. Si usamos un procesador como el Word, tendremos que guardar el documento como “sólo texto “.
  • Un navegador Web como el Explorer, Netscape, Mosaic, etc., el cual se encargará del interpretar el código HTML de nuestro documento y mostrárnoslo en todo su esplendor.

La secuencia de trabajo para crear nuestro documento es:

1. Con el procesador de texto crearemos el documento HTML y lo guardaremos con el nombre que deseemos, a excepción de la extensión, que deberá ser necesariamente .htm ó .html.

2. Para visualizar nuestro documento HTML abriremos el documento con un navegador web.

Reglas de formato

Todos los navegadores usan unas reglas básicas para poder mostrar una página web con un buen formato:

  • El espacio en blanco es ignorado. Ya que un documento HTML puede estar en cualquier tipo de fuente y además la ventana del navegador puede ser de cualquier tamaño.
  • Las etiquetas pueden ser escritas en mayúsculas o en minúsculas. En todo caso se aconseja su escritura en mayúsculas para poder distinguirlas del texto normal.
  • Existe normalmente una etiqueta de inicio y otra de fin. La etiqueta de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. La etiqueta afectará por tanto a todo lo que esté incluido entre las etiquetas de inicio y fin. No obstante, existen algunas que no necesitan cierre, ya que en estas etiquetas se presupone su final, como
  • por ejemplo; <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen.

Vemos un ejemplo en la siguiente tabla.

Instrucción HTML Resultado
<B>Texto en negrita</B> Texto en negrita
<HI>Texto en cursiva</I> Texto en cursiva
<B><I>Texto en negrita y cursiva</B></I> Texto en negrita y cursiva

Acerca de ArturoMezDa

Ing.Sistemas Computacionales

Publicado el 6 abril, 2010 en Cursos, Diseño, Manuales, Tutoriales y etiquetado en , , , , . Guarda el enlace permanente. Deja un comentario.

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: