HTML es el lenguaje con el que se escriben las paginas web, dichas paginas pueden ser visitadas por los usuarios mediante un tipo de aplicación llamada navegador
Este Lenguaje nos permite Agrupar Textos, sonidos, e imágenes y combinarlos a nuestro gusto, ademas nos permite la introducción de referencias a otras paginas por medio de los enlaces de hipertexto
Un archivo HTML no es más que un archivo de texto, por ello para programar en html se necesita un editor de textos, como por ejemplo el bloc de notas o el scintilla
Las Etiquetas en HTML
El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiquetas. La etiqueta presenta frecuentemente tres partes
- Una Apertura: De forma General "<etiqueta>"
- Un Cierre: De tipo "</etiqueta>"
- Atributos: estos varían de etiqueta en etiqueta, son valores que agregan mayor funcionalidad
Lista de etiquetas HTML
<html></html>
Principio y fin de la pagina html
<head></head>
Principio y fin del encabezado, la información dentro de esta no es visible para el usuario
<body></body>
Principio y fin del cuerpo de la pagina, contiene toda la parte visible por el usuario
<title></title>
Permite establecer el titulo de la pagina, se situa dentro del "<head>"
<h1></h1> ó <h2></h2> ó ... <h6></h6>
Permite definir el titulo de la pagina dentro del cuerpo o "<body>" dependiendo del numero ingresado se alterará el tamaño de la letra, mientras menor el numero mayor el tamaño de la letra
<b></b>
Permite establecer textos en negrita
<u></u>
Permite establecer textos en subrayado
<i></i>
Permite establecer textos en Subrayado
<br>
permite saltar una linea, "Muy parecido al uso del enter en un documento microsoft word", no necesita una etiqueta de cierre "</br>"
<center></center>
Permite centrar un objeto o texto
<sup></sup>
Permite establecer un texto en formato de supraindice
ej: CH16 el 16 se encuentra en supraindice
<sub></sub>
Permite establecer un texto en formato de subindice
ej: H20 el 2 se encuentra en subindice
< ! -->
Permite establecer un comentario no visible al usuario
<a></a>
Permite establecer un hiperbinculo
<bgsound></bgsound> ó <embed></embed>
Permite establecer el sonido o musica de la pagina web
<img></img>
Permite insertar una imagen en el body de la pagina web
<font></font>
Permite establecer el formato de un texto
<p></p>
Permite establecer un parrafo de texto dentro del "Body" de la pagina
Atributos de Etiquetas
Como se explico anteriormente los atributos se usan para agregar funciones a las etiquetas correspondientes aquí les dejo una lista con varios de los atributos mas usados
href
Uso: <a href="http://www.Pagina.com" ></a>
Función: permite determinar la pagina o vinculo al cual esta dirigida la etiqueta "<a>"
src
Uso: src="../multimedia/objeto.jpg"
Función: Permite indicar el punto de búsqueda de un objeto en las etiquetas "<image>", "<bgsound>" o "<embed>" en otras palabras indica donde esta el archivo que se desea mostrar o reproducir en el caso de música o vídeo.
alt
Uso: alt= "Presione F5 la pagina tiene errores al cargar"
Función: Permite mostrar el texto escrito cuando la imagen no se cargo correctamente
bgcolor
Uso: Bgcolor="WHITE" ó Bgcolor="#FFFFFF"
Función: Permite establecer el color del fondo de la pagina puede ser usado en la etiqueta "<body>"
background
Uso: background="../multimedia/objeto.jpg"
Función: Permite establecer la imagen de fondo de la pagina web puede ser usado en la etiqueta "<Body>"
loop
Uso: loop=infinite
Función: permite establecer el numero de repeticiones de un objeto puede ser usado en las etiquetas "<bgsound> ó <embed>" los valores pueden ser numericos o "infinite" para reproducciones continuas sin detenerse
face
Uso: face="Arial"
Función: Permite establecer el tipo de letra dentro de la etiqueta "<font>"
size
Uso: size=7
Función: Permite establecer el tamaño de la letra dentro de la etiqueta "<font>"
color
Uso: color="blue" ó "#codigo del color"
Función: Permite establecer el color de la letra dentro de la etiqueta "<font>"
align
Uso: align="center" ó align="right" ó align="justify"
Función: Permite establecer la localización del texto dentro de la etiqueta "<p>" center="centrado", right="derecha", justify="Justificado"
Para mas Información visite http://crismattweb.tripod.com/guiahtml/etiqueta.html o paginas relacionadas al uso de las etiquetas o atributos html
Anidar Etiquetas
Todas las etiquetas html pueden ser anidadas una dentro de las otras para añadir mas funcionalidad al uso de esta, pero como siempre se dice una imagen vale mas que mil palabras aquí un vídeo de como estas etiquetas son anidadas al mismo tiempo que se demuestra el uso de muchas de las etiquetas previamente mencionadas
Nota: Anidar para aquellas personas que no conocen el termino es ingresar una (en este caso etiqueta) dentro de la otra
No hay comentarios:
Publicar un comentario