2. El HTML (HyperText Markup Language), hace referencia a un lenguaje
ampliamente usado para el desarrollo de paginas Web.
Su escritura se basa en «etiquetas», que son esencialmente comandos
inscritos entre corchetes angulares (<,>), mediante los cuales se puede
controlar elementos importantes como la apariencia de un texto
enriquecido, la ejecución de comandos cuando el usuario interactúa con
el mismo y la estructuración general de una pagina web.
3. En Moodle la escritura HTML puede hacerse de manera directa desde el
editor mediante el botón < >
4. Las etiquetas de textos como su nombre lo indica permiten cambiar los atributos como el
texto como su color, su tamaño entre otros. Copia y pega el código de los ejemplos en el
espacio de edición HTML de Moodle para observar los resultados.
Etiqueta Función Ejemplo
<H1> Tamaño1</H1>
<H4> Tamaño4</H4>
Etiqueta de encabezados: Permite mostrar un texto en
<HX> </HX> negrilla en 6 tamaños diferentes (1,2,3,4,5,6) siendo el Resultado:
tamaño 1 el mas grande.
Permite controlar atributos como el tamaño (size),
color (color) y tipo de fuente (face).
Para los tamaños se usan los signos de + y – el
primero para aumentar tamaño y el segundo para <font size"+1" color="#CCFF11"
disminuirlo. face="Tahoma"> Texto </font>
<font> </font> Algunas fuentes disponibles para HTML son:
• Arial Resultado:
• Helvetica
• Times New Roman
• Arial Black
• Chalesworth
En cuanto a los colores podemos descargar los
codigos #xxxxxx del sitio web HTML color codes
5. Etiqueta Función Ejemplo
<Center> Titulo 1</Center>
Centra el texto entre las etiquetas.
<Center> </Center> También puede usarse para otro tipo de objetos Resultado:
como tablas, imágenes o animaciones flash
usando antes y después del código de cada uno
de ellos.
<P ALIGN="right"> Texto a la
derecha </P>
<P ALIGN="left"> Texto a la
Etiqueta párrafo: Permite iniciar un nuevo párrafo y izquierda </P>
<P> </P> controlar la alineación de un texto con el atributo
ALIGN. <P ALIGN="centert"> Texto
centrado </P>
Resultado:
6. Etiqueta Función Ejemplo
<acronym title="Ceder,
Permite insertar una definición o texto auxiliar abandonar">abdicar
<acronym> sobre otro texto (contenedor) que solo son visibles </acronym>
</acronym> cuando se sitúa el cursor sobre el contenedor. Resultado:
Ideal para Añadir el significado a una palabra
técnica dentro de un texto.
7. El siguiente ejemplo combina el uso de las etiquetas referenciadas con
anterioridad:
<font face="Tahoma" color="#CCFF11">
<h1> Este texto</h1></font>
<h4> Tiene varias </h4>
<p align="right"> <acronym
title="Instrucción
HTML">etiquetas</acronym> </p>
En el ejemplo notamos que el orden de apertura y cierre de las etiquetas
es estructurado, por ejemplo la etiqueta <h1> </h1> esta anidada dentro
de la etiqueta <font></font> por lo cual además del aumento en el
tamaño se logra un cambio de color y el uso de la fuente Tahoma.
Por otra parte la etiqueta <acronym> </acronym> esta anidada dentro de
la etiqueta <p> </p> por lo cual aparece su efecto en la parte derecha
del campo de texto.
8. Si quieres aprender mucho mas sobre HTML visita
http://www.htmlya.com.ar/
Licenciado Oscar Ardila
Chaparro