Unidad 1 Introducción

Sintaxis del HTML

El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes:

*Una apertura de forma general < etiqueta >
*Un cierre de tipo < / etiqueta >

Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo:

Las etiquetas < b > y < / b > definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente código:

< b > Esto esta en negrita < / b >

El resultado Será: Esto esta en negrita

Las etiquetas < p > y < / p > definen un párrafo. Si en nuestro documento HTML escribiéramos:


< p > Hola, estamos en el párrafo 1 < / p >
< p > Ahora hemos cambiado de párrafo < / p >

El resultado sería:

Hola, estamos en el párrafo 1

Ahora hemos cambiado de párrafo


Partes de un documento HTML

Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta < html > y < / html > . Dentro de este documento, podemos asimismo distinguir dos partes principales:

*El encabezado, delimitado por < head > y < / head > donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página.

*El cuerpo, flanqueado por las etiquetas < body > y < / body >, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

El resultado es un documento con la siguiente estructura:

< html>

< head >
Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo,
palabras clave,...
< / head >

< body >
Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes
< / body >

< / html >

*Las mayúsculas o minúsculas son indiferentes al escribir etiquetas

A notar que las etiquetas pueden ser escritas con cualquier tipo de combinación de mayúsculas y minúsculas. < html > , < HTML> o < HtMl > son la misma etiqueta. Resulta sin embargo aconsejable acostumbrarse a escribirlas en minúscula ya que otras tecnologías que pueden convivir con nuestro HTML (XML por ejemplo) no son tan sensibles y nunca viene mal coger buenas costumbres desde el principio para evitar fallos triviales en un futuro.

Introducción HTML

Introducción HTML

    HTML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir por lo tanto que HTML es el lenguaje usado por los navegadores para mostrar las páginas webs al usuario, siendo hoy en día la interface más extendida en la red.

    Este lenguaje nos permite adjuntar textos, sonidos e imágenes y combinarlos a nuestro gusto.

    Además, y es aquí donde brilla su ventaja con respecto a libros y revistas, el HTML nos permite la introducción de referencias a otras páginas por medio de los enlaces hipertexto.

    El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área de ocio con carácter multimedia, de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.

    Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya.El HTML 4.01 es el último estándar a septiembre de 2001.

    Esta evolución tan anárquica del HTML ha supuesto toda una seria de inconvenientes y deficiencias que han debido ser superados con la introducción de otras tecnologías accesorias capaces de organizar, optimizar y automatizar el funcionamiento de las webs. Ejemplos que pueden ser reconocidos por uds son las CSS, JavaScript u otros. Veremos más adelante en qué consisten algunas de ellas.

    Otros de los problemas que han acompañado al HTML es la diversidad de navegadores presentes en el mercado los cuales no son capaces de interpretar un mismo código ( Lenguaje ) de una manera unificada.

    Esto obliga al webmáster a, una vez creada su página, comprobar que esta puede ser leída satisfactoriamente por todos los navegadores, o al menos, los más utilizados.

    Además del navegador necesario para ver los resultados de nuestro trabajo, necesitamos evidentemente otra herramienta capaz de crear la página en si. Un archivo HTML (una página) no es más que un texto. Es por ello que para programar en HTML necesitamos un editor de textos.

    Es recomendable usar el Bloc de notas que viene con windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores más complejos como Wordpad o Microsoft Word, ya que colocan su propio código especial al guardar las páginas y HTML es únicamente texto plano, con lo que podremos tener problemas.

    Existen otro tipo de editores específicos para la creación de páginas web los cuales ofrecen muchas facilidades que nos permiten aumentar nuestra productividad. No obstante, es aconsejable en un principio utilizar una herramienta lo más sencilla posible para poder prestar la máxima atención a nuestro código y familiarizarnos lo antes posible con él. Siempre tendremos tiempo más delante de

pasarnos a editores más versátiles con la consiguiente ganancia de tiempo.

    Para tener más claro todo el tema de editores y los tipos que existen, visita los artículos:

*Editores de HTML.

*Block de notas.

    También puedes acceder a descripciones editores más complejos que el Block de Notas, pero más potentes como Homesite o UltraEdit.

    Es importante tener claro todo ello puesto que en función de nuestros objetivos puede que, más que aprender HTML, resulte más interesante aprender el uso de una aplicación para la creación de páginas.

    Como una pequeña conclusión podemos decir que una página es un archivo donde está contenido el código HTML en forma de texto. Estos archivos tienen extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos y guardaremos nuestros trabajos con extensión .html, por ejemplo mipágina.html

Consejo: Utiliza siempre la misma extensión en tus archivos HTML. Eso evitará que te confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html. Si trabajas con un equipo en un proyecto todavía más importante que los pongas todos con la extensión.

Prólogo HTML

Prólogo al manual de HTML

    Primero que nada darles la bienvenidos a mi blog, desde el comienzo tenia planeado crear un espacio para poder ayudar a gente con intereses parecidos a los mios,  dándoles una mano en sus aficiones para que sus enseñanzas llegen a ser mas gratas.

    Ahora les dejo la introduccion y una clase de los conceptos basicos para lograr crear una pagina web. Espero que les guste.

    Primero que nada, en estos capitulos le ayudare a descubrir el lenguaje utilizado para la creación de páginas web: el Hyper Text Markup Language,más conocido como HTML.

    Puede que en un principio, el hecho de hablar de un lenguaje informático le llame la atención a mas de uno. Pero no se asusten, el HTML no es  más que una forma peculiar de dar formato a
los textos e imágenes que intentamos ver por aquellos navegadores.

    Antes de entrar en la materia fuerte del curso, el cual intentare hacer de una forma directa y practica. Quisiera decirles que al publico que va enfocado este manual es para todo aquel que con conocimientos mínimos de informatica, desean hacer mundialmente público un mensaje, para hacerles una idea el metodo mas práctico, económico y actual es el Internet.

    Los requisitos minimos que se necesitan para poder llegar a entender HTML son los siguientes:

*Saber escribir con un teclado
*Saber manejar un ratón ( mouse )
*Y por sobre todo...Tener ganas de aprender
  
    Esto será lo que lo podrias llegar a aprender si pones todo tu corazón en estos cursos:

*Capacidad para crear y publicar nuestro propio sitio web con un mínimo de calidad
*Conocimientos de todo tipo sobre las tecnologías y herramientas empleadas en el ámbito de
la Red
*Posiblemente una afición que puede convertirse en pasión y terminar, en algunos casos,
siendo un vicio o un oficio.

    Les recuerdo que estare a toda disposición para resolver cualquier tipo de duda ( Siempre y Cuando tenga tiempo =D ). La gran mayoria sabe como contactarme... y para los que no saben, aqui les dejo mi correo: a.cordeviola@gmail.com

    Ahora Comenzare con lo esperado por todos ustedes...