Etiquetas HTML
MayeeZelaya6 de Febrero de 2014
549 Palabras (3 Páginas)405 Visitas
Introducción
En el presente trabajo se compartirá acerca de las diversas etiquetas HTML que existen, especificando su función y como deben ser escritas de manera correcta para activar los comandos que queremos utilizar. Cabe destacar que sus siglas HTML significan “ HyperText Markup Language” en español significa Lenguaje de marcado y se utilizan para la creación de páginas web, este define una estructura básica y un código determinado (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc . El HTML se escribe con corchetes angulares. Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, (</nombre-de-elemento>), estos elementos, tanto los corchetes como las etiquetas de inicio y las de cierre, se tienen que poner muy en cuenta a la hora de insertar las etiquetas ya que si se olvida colocar, un corchete o el elemento del cierre o inicio de su manera correcta, el comando no se realizará o no se dará el resultado esperado.
Objetivos
o Conocer las diferentes etiquetas que se pueden utilizar para la creación de páginas web.
o Reconocer los códigos básicos del HTML y sus diferentes funciones.
o Comprender la importancia de escribir las etiquetas de la manera correcta, ya que es esencial para que los comandos se realicen de la manera deseada.
o Analizar las diferentes etiquetas y el lugar donde deben ser colocadas a la hora de la creación de una página web
o Desarrollar las habilidades para la producción de contenido html
o Adquirir un conocimiento más amplio de estas etiquetas para producir páginas web más amplias, llamativas y funcionales.
Etiquetas HTML
Texto:
<p> Esto es un texto </p>Escribimos <p> antes del texto y </p> para finalizar el párrafo.
Tipo de letra: <font face=”verdana”>Texto escrito en verdana </font>
Utilizamos <font face=”verdana”> antes del texto elegido y acabamos con </font>
En este caso verdana es un ejemplo del tipo de fuente que podemos elegir, pero puede ser la que nosotros deseemos.
Negrita:
<strong>Texto </strong>
Texto subrayado
<u>Texto subrayado </u>
No es recomendable utilizar esta etiqueta puesto que los navegantes de la web pueden confundir el subrayado con un enlace a otra página.
Tamaño de letra:
<font size=”3″>Texto </font>
Tres es sólo un ejemplo del tamaño que podemos escoger.
Color de letra:
<font color=”blue”>Texto de color azul </font>
Escribimos <font color=”blue”> si hemos elegido el color azul y acabamos con </font>.
Color del fondo de pantalla:
<body bgcolor=”white”></body>
Enlace (link):
<a href=”http://www.nombredominio.com” target=”_blank”> Nombre del enlace</a>
Se debe cambiar ‘www.nombredominio.com’ por el dominio elegido y ‘Nombre del enlace’ por el nombre que desees.
Correo electrónico:
<a href=”mailto:tuemail@tuemail.com”> Contactarme </a>
Sustituimos ‘tuemail@tuemail.com’ por la verdadera dirección de correo electrónico y ‘Contactarme’ por el texto que queramos.
Salto de línea
<br> o <br />
...