HTML: LENGUAJE DE PROGRAMACIÓN
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web.
Está compuesto por etiquetas , que marcan el inicio y el fin de cada elemento del documento.
Estructura HTML
-En la primera línea encontramos el comando <HTML>.Esto indica que comenzó un documento HTML.
-Luego viene <HEAD>, la primera parte de un documento HTML. Dentro de HEAD puede ir el titulo <TITLE> del documento
-Luego de HEAD viene <BODY>, que es donde se coloca la información que queremos mostrar.
TITLE
BODY
HEAD
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
Se pueden encadenar varios <big> pero no se asegura que el texto sea más grande que uno solo.
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
Al igual que con big, se pueden encadenar varios small.
Superíndice
Si usamos fórmulas matemáticas esta etiqueta es muy interesante. Muestra el texto más elevado que lo normal y con letra más pequeña. No está implementado en todos los navegadores así que sería bueno asegurarse de que el texto se entiende aunque no funcione la etiqueta.
<sup>Superíndice</sup> -> 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
Adornado de texto en HTML
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
Algunos navegadores no muestran esta etiqueta porque puede confundirse con los enlaces (que también aparecen subrayados). No se recomienda su uso, en su lugar es mejor usar <i>, o <em> o <cite>.
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
Existe otra etiqueta <strong> que es similar y que veremos más adelante.
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,tiene una serie de opciones.
-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.
Texto en HTML
<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.