lunes, 20 de julio de 2020

2.2 NOCIONES BASICAS DE HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros.
Existen, además, otros editores para la realización de sitios web con características WYSIWYG (What You See Is What You Get, o en español: «lo que ves es lo que obtienes»). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple, ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML, la cual va generando todo el código a medida que se va trabajando. Algunos ejemplos de editores WYSIWYG son KompoZer, Microsoft FrontPage o Adobe Dreamweaver.

HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:
  • Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se vería en su navegador web como negrita.
  • No pueden abrirse y cerrarse, como <hr />, que se vería en su navegador web como una línea horizontal.
  • Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

Conceptos generales

HTML describe el formato de un documento a base de la inserción de etiquetas, palabras reservadas del lenguaje rodeadas de los símbolos < >. Las etiquetas pueden ser de tres tipos:

  • Pareadas, cuando siempre aparece una etiqueta de inicio y otra de final. La etiqueta de final es como la de inicio, salvo que utiliza los símbolos </ >. De esta forma, se puede controlar el formato de bloques de texto.

  • <H1>Esto es un título</H1>
  • Sin parear, cuando la etiqueta representa la inserción de un elemento, como una imagen, un salto de línea

  • <BR> <IMG>
  • Opcionales, son etiquetas pareadas en las cuales no es necesario emplear la etiqueta de final. El final de un elemento viene dado por el inicio de otro. Ejemplos de este tipo son los párrafos o los elementos de una lista.

  • <P>Esto es un párrafo <P>Y esto otro.
Un elemento muy importante del lenguaje HTML son los atributos de cada etiqueta, que representan opciones que modifican su comportamiento por defecto. Los atributos se incluyen junto con la etiqueta correspondiente, dentro de los símbolos <>. Las etiquetas de final nunca incluyen atributos.

Los atributos pueden tener asignado un valor característico, que se incluye con el formato nombre="&Sigma;". Este valor puede ser una opción dentro de una lista de posibilidades prefijadas, un nombre de fichero, un número, etc. Por lo general, siempre se debe incluir el valor entre dobles comillas, de forma que se respete la integridad de la información (por ejemplo los cambios de mayúsculas y minúsculas en un nombre de fichero o los espacios en blanco). Sin embargo, cuando el valor es una opción de una lista prefijada o un número, es posible prescindir de las comillas.

<P ALIGN="right">
<P ALIGN=left>
<IMG SRC="FotoGrande.gif">
<HR NOSHADE>
HTML no distingue entre mayúsculas y minúsculas, por lo que las etiquetas podrán escribirse con cualquier combinación de caracteres, buscando siempre la mejor legibilidad del documento. Sin embargo, determinados valores de atributos en los que sea importante respetar los cambios mayúscula/minúscula deben ir entrecomillados.
  • A la hora de presentar un documento en pantalla, los clientes Web no respetan el posible formato que se aplique a los documentos (espacios entre líneas o palabras adicionales, tabuladores, etc.), sino que deben ser las propias etiquetas de HTML las que controlen este formato.
 

1.- ESCRIBIR EN LA LIBRETA UNA RESUMEN DEL TEMA (UNA CUARTILLA).
2.- ESCRIBIR EN LA LIBRETA LA ESTRUCTURA BÁSICA DE UN DOCUMENTO EN HTML



No hay comentarios.:

Publicar un comentario