curso basico HTML

jueves, 9 de mayo de 2013

Mi primera pagina

lo primero que tienes que hacer es abrir el bloc de notas.

seguidamente introduce el siguiente código:

<html>
<head>
<title> MI PRIMERA PAGINA </title>
</head>
<body bgcolor "#FFCC99">
 hola, estoy haciendo pruebas 
</body>
</html>

guarda el documento con la extencion htm, con el nombre miprimpag.htm.

pulsando dos veces sobre el icono del archivo miprimpag.htm este debería abrirse automáticamente en el navegador que tienes instalado.

el navegador deberá mostrar la pagina

como se puede ver la pagina resultante es una que contiene solamente una linea de texto.

en la barra de titulo del navegador el titulo de la pagina es mi primera pagina que es el titulo establecido en <title> mi primera pagina </title>.

el color de fondo a sido establecido en <body bgcolor="#FFCC99">

el texto hola, estoy haciendo pruebas se a insertado en hola estoy haciendo pruebas

Etiquetas

Las etiquetas o marca delimitan cada uno de los elementos que componen un documento de HTML, exiten dos tipos de etiqueta, la de comienzo de elemento y la de fin o cierre de elemento.

La etiqueta de comienzo esta delimitada por los caracteres < /y > esta compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades su sintaxis es : < identificador atributo1 atributo2 ...>

Los atributos de la etiqueta de comienzo sigen una sintaxis predefinida y pueden tomar cualquier valor valor propio del usuario o valor predefinido de HTML.

La etiqueta de final esta delimitada por los caracteres < /y > esta compuesta por el identificador o nombre de la etiqueta y no contiene atributos su sintaxis es: </identificador>.

Cada uno de los elementos de la pagina se encontrara entre una etiqueta de comienzo y una de cierre, a esepcion de algunos elementos que no necesitan etiqueta de cierre. también es posible anidar etiquetas es decir insertar etiquetas entre etiquetas de comienzo y cierre.

Acontinuacion tenemos un ejemplo en el que tenemos la etiqueta anidada dentro de la etiqueta <p...>

< bienvenidos a www.blogger.com>

Este codigo daria como resultado el siguiente texto:

bienvenidos a www.blogger.com

es importante anidar bien las etiquetas, las etiquetas no se pueden cruzar en nuestro ejemplo hemos empezado por la etiqueta antes de cerrar esta etiqueta hemos puesto la por lo que antes de cerrar la etiqueta debemos cerrar la etiqueta

Compaginar dos sesiones

Se supone que el navegador este abierto
Abrir la sesión en el bloc de nota
Pulsar con el botón derecho sobre cualquier parte vacía de la barra de tareas, en la parte inferior de la pantalla es la barra en la que se encuentra el botón de inicio.
Elegir la opción mosaico vertical.
Una vez tenemos las dos sesiones con el tamaño adecuado basta hacer clic con el puntero para pasar de una a otra.

Introducción al bloc de notas

Siempre que se abre el bloc de notas aparece un documento en blanco.

A la hora de escribir en el funciona como otro cualquier editor de texto, basta con situar el cursor en el documento y escribir.

Es recomendable insertar una nueva linea para cada etiqueta de HTML, ya que resulta mas fácil trabajar de este modo.

Si escribimos todo el código seguido seria difícil interpretarlo, por ello es preferible programar insertando por separado en diferentes lineas.

Atreves del menú formato, opción fuente puedes cambiar la fuente de todo el documento si lo deseas puedes hacer la letra algo mas grande o pequeña.

miércoles, 8 de mayo de 2013

Editores

Un editor es un programa que nos permite redactar documentos. Hoy en día existen un gran numero de editores que nos permiten crear paginas web sin la necesidad de escribir una sola linea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las paginas, al poder ver en el momento como quedara la pagina en el navegador se facilita la creación de las paginas y el uso de menús ayuda a ganar rapidez.

En estos editores visuales pueden generar códigos basura, es decir código que no sirve para nada, en otras ocasiones puede ser mas efectivo corregir directamente el código por lo que resulta necesario saber de HTML para poder depurar el código de nuestras paginas.

Algunos de los editores visuales con los que podrás crear tu pagina web son macromedia dreamweaver, microsoft frontpage, adobe pagemill, netobjects fusion, cutepage, hotdog proffesional, netscape composer, y arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos.

Para crear paginas web escribiendo directamente el código HTML puedes utilizar la herramienta worpad o bloc de notas que proporciona windows.

Los navegadores, compatibilidad

Como hemos dicho, el navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la pagina que visita por lo que a veces puede ocurrir que dos usuarios visualicen la misma pagina de forma distinta porque tienen instalado navegadores distintos o incluso versiones distintas del mismo navegador

Los navegadores de hoy en día pretenden ser compatibles con la ultima versión de HTML. es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta ultima versión.

Dos de los navegadores que constantemente están realizando extensiones son INTERNET EXPLORER y NETSCAPE NAVIGATOR que realizan extensiones incluso antes de que se establezcan los estándares intentando incluir las nuevas versiones en los borradores.
Los navegadores tienen que ser compatibles con la ultima versión de HTML para poder interpretar el mayor numero de etiquetas si un navegador no reconoce una etiqueta la ignora y el efecto que pretendía la etiqueta no queda reflejado.

Para añadir estas extensiones en los navegadores se añaden nuevos atributos a las etiquetas ya existentes o se añaden nuevas etiquetas.

Como resultado a estas extensiones habrá paginas cuyos códigos podrán ser interpretado por todos los navegadores mientras que otras al incluir nuevos atributos o etiquetas del borrador de la ultima versión de HTML solo podrán ser interpretadas en su totalidad en los navegadores mas actualizados.

En este ultimo caso también puede ocurrir que alguna etiqueta de la pagina pueda ser interpretada solamente por un navegador concreto y otra etiqueta por un navegador diferente al anterior por lo que nunca sera visualizada en su totalidad por un navegador.

Uno de los retos de los diseñadores de paginas web es hacer las paginas mas atractivas utilizando toda la potencia del lenguaje HTML pero teniendo en cuenta estos problemas de compatibilidad para que el mayor números de internautas vean sus paginas tal como las han diseñado.

viernes, 3 de mayo de 2013

Titulo de la pagina (title)

el titulo de la pagina es el que aparecera en la parte superior de la ventana del navegador, cuando la pagina este cargada en el.

para asignar un titulo a una pagina es necesario escribier el texto necesario entre las etiquetas <title> y </title>.

estas etiquetas an de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head> .

por ejemplo:

<html>

<head>

<title>

CURSO DE HTML

</title>

</head>

...

</html>