Manual
Páginas: 51 (12600 palabras)
Publicado: 18 de agosto de 2010
LENGUAJE HTML
INSTITUCIÓN EDUCATIVA NUESTRA SEÑORA DEL PILAR
AREA:IMFORMATICA
GRADO:ONCE A
ALDANA-NARIÑO
2010
MANUAL DE LENGUAJE HTML
Las páginas que nos encontramos en Internet, las páginas web, están construidas en un lenguaje de etiquetas denominado lenguaje HTML.
Esto quiere ser un sencillo curso para que seas capaz, en relativamente poco tiempo, de realizar tus primeras páginasweb escribiendo el código correspondiente, antes de pasar a ver algún editor de código concreto (Dreamweaver por ejemplo) que simplifican enormemente la tarea.
¿Por qué entonces no empezar directamente con el editor?
Porque es muy importante tener ciertos conocimientos del lenguaje ante posibles problemas que, sin lugar a dudas, se nos van a presentar al editar nuestras páginas.
La red está llenade cursos sobre el lenguaje HTML. ¿Qué aporta éste que no tengan los demás? Probablemente no mucho. He pretendido la sencillez y la claridad. Al principio quería ser de nivel inicial y, conforme lo he ido ampliando, ya está en un nivel de intermedio. No obstante, los primeros pasos están pensados para personas con escasos conocimientos de informática en general, y de páginas web en particular.He recopilado aquí alguno de los otros cursos que sobre este tema hay en la red.
El curso puede ser seguido de forma lineal o, a través de los enlaces a cada uno de los apartados:
Nota: El curso está creciendo. He introducido unos apartados que los he colocado bajo la etiqueta de "avanzado". No es necesariamente que lo introducido allí sea especialmente difícil; a veces sí. Otras veces es,simplemente, una ampliación a lo trabajado en el resto del curso. Se accede, desde contenidos, o desde el icono desde cada una de las páginas. |
1.- Antes de empezar.
Sitúate con el puntero del ratón sobre cualquier punto vacío de esta página que estás leyendo en estos momentos. Pulsa el botón derecho de tu ratón. Se abrirá el siguiente menú contextual:
Si, en vez del Explorer, estás leyendo estapágina con el Firefox, el menú contextual será algo distinto:
A continuación elige la opción señalada en cada uno de los casos. Verás algo así:
En el caso de que estés con el Explorer. O algo así:
En el caso del Firefox.
Pues bien, en ambos casos, estás visualizando el código fuente que da origen a la página que estás leyendo en estos momentos. Es decir, es lo que hay que escribir paraque la página se muestre tal cual la estás viendo.
Probablemente tanto símbolo extraño y palabras algo raras te sorprenderán y te llevarán a la idea de que "esto es muy difícil" y "no es para mí". Tranquilo. Sin ser fácil, el lenguaje html está al alcance de cualquier persona, y las cosas, paso a paso, se pueden hacer algo más sencillas.
2.- Empezando.
El código fuente, se escribe en unprocesador de texto. Nosotros lo vamos a hacer con el Bloc de notas. Para abrir el Bloc de Notas, le damos a Inicio > Todos los programas > Accesorios > Bloc de notas. Se abrirá una ventana como ésta:
Dependiendo de cómo esté configurado tu ordenador, quizá no encuentres el Bloc de notas en esta ruta.
A continuación debes saber que las dos etiquetas fundamentales dentro de las cuales tieneque ir nuestro código fuente son <html> como etiqueta de apertura y </html> como etiqueta de cierre. Después, todo lo que será visible al visitar la página con el navegador, debe de estar entre las etiquetas <body> cuerpo, en inglés, como etiqueta de apertura y </body> como etiqueta de cierre.
Nota: Las etiquetas también se pueden escribir con letras mayúsculas:<HTML> <BODY>...Nosotros vamos a optar por las minúsculas por ser lo que se está imponiendo de acuerdo con las últimas normas. |
Vamos a escribir algo en nuestra página. Por ejemplo Bienvenid@. Lo escribiremos entre <body> y </body>. Nuestro código quedará así:
Ahora tenemos que guardar nuestro documento en alguna parte del ordenador y ¡muy importante! con un nombre y una...
INSTITUCIÓN EDUCATIVA NUESTRA SEÑORA DEL PILAR
AREA:IMFORMATICA
GRADO:ONCE A
ALDANA-NARIÑO
2010
MANUAL DE LENGUAJE HTML
Las páginas que nos encontramos en Internet, las páginas web, están construidas en un lenguaje de etiquetas denominado lenguaje HTML.
Esto quiere ser un sencillo curso para que seas capaz, en relativamente poco tiempo, de realizar tus primeras páginasweb escribiendo el código correspondiente, antes de pasar a ver algún editor de código concreto (Dreamweaver por ejemplo) que simplifican enormemente la tarea.
¿Por qué entonces no empezar directamente con el editor?
Porque es muy importante tener ciertos conocimientos del lenguaje ante posibles problemas que, sin lugar a dudas, se nos van a presentar al editar nuestras páginas.
La red está llenade cursos sobre el lenguaje HTML. ¿Qué aporta éste que no tengan los demás? Probablemente no mucho. He pretendido la sencillez y la claridad. Al principio quería ser de nivel inicial y, conforme lo he ido ampliando, ya está en un nivel de intermedio. No obstante, los primeros pasos están pensados para personas con escasos conocimientos de informática en general, y de páginas web en particular.He recopilado aquí alguno de los otros cursos que sobre este tema hay en la red.
El curso puede ser seguido de forma lineal o, a través de los enlaces a cada uno de los apartados:
Nota: El curso está creciendo. He introducido unos apartados que los he colocado bajo la etiqueta de "avanzado". No es necesariamente que lo introducido allí sea especialmente difícil; a veces sí. Otras veces es,simplemente, una ampliación a lo trabajado en el resto del curso. Se accede, desde contenidos, o desde el icono desde cada una de las páginas. |
1.- Antes de empezar.
Sitúate con el puntero del ratón sobre cualquier punto vacío de esta página que estás leyendo en estos momentos. Pulsa el botón derecho de tu ratón. Se abrirá el siguiente menú contextual:
Si, en vez del Explorer, estás leyendo estapágina con el Firefox, el menú contextual será algo distinto:
A continuación elige la opción señalada en cada uno de los casos. Verás algo así:
En el caso de que estés con el Explorer. O algo así:
En el caso del Firefox.
Pues bien, en ambos casos, estás visualizando el código fuente que da origen a la página que estás leyendo en estos momentos. Es decir, es lo que hay que escribir paraque la página se muestre tal cual la estás viendo.
Probablemente tanto símbolo extraño y palabras algo raras te sorprenderán y te llevarán a la idea de que "esto es muy difícil" y "no es para mí". Tranquilo. Sin ser fácil, el lenguaje html está al alcance de cualquier persona, y las cosas, paso a paso, se pueden hacer algo más sencillas.
2.- Empezando.
El código fuente, se escribe en unprocesador de texto. Nosotros lo vamos a hacer con el Bloc de notas. Para abrir el Bloc de Notas, le damos a Inicio > Todos los programas > Accesorios > Bloc de notas. Se abrirá una ventana como ésta:
Dependiendo de cómo esté configurado tu ordenador, quizá no encuentres el Bloc de notas en esta ruta.
A continuación debes saber que las dos etiquetas fundamentales dentro de las cuales tieneque ir nuestro código fuente son <html> como etiqueta de apertura y </html> como etiqueta de cierre. Después, todo lo que será visible al visitar la página con el navegador, debe de estar entre las etiquetas <body> cuerpo, en inglés, como etiqueta de apertura y </body> como etiqueta de cierre.
Nota: Las etiquetas también se pueden escribir con letras mayúsculas:<HTML> <BODY>...Nosotros vamos a optar por las minúsculas por ser lo que se está imponiendo de acuerdo con las últimas normas. |
Vamos a escribir algo en nuestra página. Por ejemplo Bienvenid@. Lo escribiremos entre <body> y </body>. Nuestro código quedará así:
Ahora tenemos que guardar nuestro documento en alguna parte del ordenador y ¡muy importante! con un nombre y una...
Leer documento completo
Regístrate para leer el documento completo.