HTML: LENGUAJE DE PROGRAMACIÓN
Sabias que…
es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Estructura HTML
En la estructura anterior en la primera línea encontramos el comando <HTML>. Esto le indica al cliente (ej: Internet Explorer) que comienza un documento HTML. Luego viene <HEAD>, la primera parte de un documento HTML. Dentro de HEAD puede ir el titulo <TITLE> del documento (Explorer lo muestra en la barra superior de la ventana) y otros comandos más avanzados que luego veremos.
Texto en HTML
Es el momento de empezar a manipular los elementos de nuestra página. El elemento fundamental en Internet es el texto.
<BR>Realiza un salto de línea. Esta etiqueta no necesita cerrarse.
<P>Realiza un salto de párrafo. Tampoco necesita cerrarse.
<CENTER> </CENTER>
Posiciona el texto seleccionado en el centro de la página. También puede aplicarse a gráficos.
<Hx> </Hx>Se utiliza para resaltar encabezados. La x son números que van del 1 al 6, siendo el 1 el encabezado más grande y resaltado, el 2 un poco menos y así sucesivamente.
Adornado de texto en HTML (2)
Grande
Con las etiquetas <big> y</big> el texto aparece con un tamaño mayor al normal.
<big>Grande</big> -> Grande
Pequeño
Es lo opuesto a la etiqueta big, con esta tenemos un texto más pequeño de lo normal:
<small>Pequeño</small> -> Pequeño
Superíndice
Si usamos fórmulas matemáticas esta etiqueta es muy interesante.
Superíndice -> Normal Superíndice
Subíndice
Similar a la anterior pero el texto aparece más bajo de lo normal.
<sub>Subíndice</sub> -> Normal Subíndice
HEAD en HTML
Esta etiqueta contiene la cabecera (o encabezamiento) del documento. Esta cabecera contiene entre otras cosas el título de la página.
TITLE en HTML
El título de la página. Este se muestra en la barra de tareas (en Windows)
También se muestra en la parte superior de la ventana del navegador.
BODY en HTML
Aquí es donde va el texto de la página, y las imágenes, y las tablas y todo lo que le pongamos.
Adornado de texto en HTML (1)
Negrita
Con las etiquetas <b> y </b> se consigue poner el texto en negrita (bold). Este el el efecto que se consigue:
<b>Negrita</b> ->Negrita
Cursiva
Para mostrar un texto en cursiva:
<i>Cursiva</i> ->Cursiva
Hay otras posibilidades <cite> y <em> que veremos más adelante.
Subrayado
Para tener un texto subrayado usamos la etiqueta <u> (underline):
<u>Subrayado</u> ->Subrayado
Subtopic
Linea Horizontal en HTML
Para dibujar una línea horizontal usamos la etiqueta <hr>. Esta es otra de las etiquetas sin compañera.
Con <hr> se tiene una línea horizontal
ALIGN=left|right|center : Para poner la etiqueta a la izquierda, centrada o a la derecha.
NOSHADE:Para dibujar la etiqueta sin sombra.
SIZE=n:Especifica la altura (o grosor) de la etiqueta.
WIDTH=n|p%: Especifica la anchura de la etiqueta en pixels (en puntos) o en tanto por ciento respecto a la anchura de la pantalla.