HTML

Es un lenguaje es se utiliza comúnmente para establecer la estructura y contenido de un sitio web, tanto de texto, objetos e imágenes. Los archivos desarrollados en HTML usan la extensión .htm o .html.

El lenguaje de HTML funciona por medio de “etiquetas” que describen la apariencia o función del texto enmarcado. Este lenguaje puede llegar a incluir un script o código que tenga incidencia en el comportamiento del navegador web de elección.



La funcionalidad del HTML es tan sencilla que puede ser creado y editado en cualquier editor de textos básicos, como el Bloc de Notas típico del sistema operativo Windows. También puede editarse en procesadores de textos, software de diseño web o aplicaciones web directamente, como lo más convencionales programas de administración de contenido como WordPress.

Un programa típico para la edición en html es el Microsoft FrontPage o el Adobe Dreamweaver, que sirven para crear sitios y páginas web. La mayoría de estos softwares incluyen una versión WYSIWYG (What You See Is What You Get, que en español significa “Lo que ves es lo que tienes”), que permite editar en vivo el HTML de manera rápida y sencilla pudiendo pre visualizar los resultados mientras que el programa genera paralelamente la versión en código HTML.

Algunas etiquetas típicas de HTML son las que sirven para definir aspectos de formato, como < b >, que rodea al texto en negrita, < i >, al texto en cursiva, y < u > al texto subrayado. Además, otras etiquetas comunes de este lenguaje son para tamaño de fuente, título, links, tablas, imágenes y script.

Introducirse en HTML es una forma sencilla y didáctica de aprender a diseñar en web obteniendo resultados visibles de manera práctica para crear tanto sitios básicos como muy avanzados.

ALGUNOS DE LOS CÓDIGOS MÁS COMUNES SON:

<HTML>

<HEAD>

<TITLE>Un Titulo para el Browser de turno </TITLE>

</HEAD>

<BODY>

<!-- Aquí va todo lo chachi -->

<H1>Otro título, esta vez más largo. </H1>

<P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE" ALT= "EL Gato Felix ">Hola.

<P>Esto es un párrafo con información súper importante. Nótese que las líneas salen pegadas aun dejando espacios, saltos de línea, etc. <BR> ¡ Si pongo esto

Si <STRONG>cambia </STRONG> de línea!

<P>Otro párrafo, esto ya es un poco rollo.

<H3>Pongamos un subtítulo<H3>

<P>Por cierto, ¿ que paso con las <A HREF= "#pepe ">anclas</A>?

<HR>

<UL>

<LI> Esto es una lista no ordenada.

<LI> Las listas quedan mejor si tienen varios elementos.

</UL>

Me voy al <A HREF= "https://www.iac.es/home.html ">IAC</A>.

<P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo, un <A NAME="pepe">anchor. </A>

 

HTML.pptx (1,3 MB)