GUIA 1 HTML
Utiliza comandos de encabezado, listas, hipertexto, texto preformateado, líneas; en forma creativa en sus propios ejemplos de páginas Web
ENSEÑANZA
(EJE TEMÁTICO)
ENCABEZADO, LISTAS HIPERTEXTO, TEXTO PREFORMATEADO, LÍNEAS. (FUENTE Y PÁRRAFO)
INDUCCIÓN O MOTIVACIÓN GENERAL:
Antes de entrar en materia hagamos una reflexión y un análisis de la utilización e implementación en la vidamoderna del internet (navegación, correo electrónico, descarga de archivos, entre otros) los diferentes software que existen en la actualidad utilizados para la navegación (Explorer, mozila), descarga de archivos (kaza, ares, downloadacelerator), mensajería y correo electrónico (Messenger, yahoo, gmail ). Después de haber hecho las anteriores lecturas comentemos con el profesor la importancia deaprender a programar páginas web en el lenguaje HTML
PROBLEMATIZACION Y DEFINICIONES
Una página básica
El principio esencial del lenguaje HTML (HyperTextMarkupLanguage) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas,indiferentemente. Por claridad, se usarán en este manual sólamente las mayúsculas
Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y :
[Todo el documento]
El documento en sí está dividido en dos zonas principales:
El encabezamiento, comprendido entre las etiquetas y
El cuerpo,comprendido entre las etiquetas y
Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas
Por tanto, la estructura queda de esta manera:
[Aquí van las etiquetas que visualizan la página]
Antes de crear nuestra primera página, unas consideraciones sobre el texto: Cuando escribimos en el documento el textoque queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta
, (que no tiene su correspondiente etiqueta de cierre
)El texto puede tener unas cabeceras, comprendidas entre las etiquetas
y
,y
, etc. (hasta el número 6), siendoel número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1. Puedes experimentar en el ejemplo que sigue, cambiando el número para comprobar el efecto que se logra.Una etiqueta muy interesante es la de centrado
(no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a continuación:
EJERCITACION Y DEFINICION DE LA ESTRATEGIA
Ejemplo práctico
En el procesador de texto (“bloc denotas”) copiamos lo siguiente:
Primera pagina
Esta es mi primera página, aunque todavía es muy sencilla. Como el
Lenguaje HTML no es difícil, pronto estaré en condiciones de hacer
cosas más interesantes.
Aquí va un segundo párrafo.
Aquí va un 3 párrafo.
Aquí va un 4 párrafo....
Regístrate para leer el documento completo.