domingo, 14 de julio de 2019

8º PÁGINAS WEB CON HTML

HTML
HTML, es el lenguaje de marcado de hipertexto (Hypertext Marckup Language). Es un lenguaje computacional usado principalmente en la World Wide Web. Cuando se crear un sitio Web, se utiliza HTML para colocar texto, imágenes, animaciones y, posiblemente, sonido y video en cada una de las páginas que componen el sitio. Además HTML permite insertar hipertexto y botones interactivos para conectar páginas Web a otras páginas de un sitio Web y a otros sitios Web de cualquier lugar del mundo.

HTML, es un lenguaje de marcado de texto y no un lenguaje de programación
En teoría una página Web creada con HTML, debería visualizarse correctamente con un equipo, un explorar Web y el acceso a Internet. En realidad, la posibilidad de ver todo el contenido de una página, depende de las capacidades del explorador Web (navegador)

Los servidores y exploradores Web utilizan el Protocolo de Transferencia de Hipertexto (HTTP) para comunicarse.

Con el fin de ajustarse al mercado en constante evolución y de que Internet esté disponible para todo el mundo, algunas empresas como Microsoft, Netscape, Google, Apple, etc. han creado versiones de sus exploradores Web para todas las plataformas de equipos y sistemas operativos comercialmente disponibles. Dado que es el explorador Web el que interpreta el código HTML para mostrar la página Web en pantalla, la marca y la versión del explorador utilizada determinará las características de HTML que funcionarán con cada uno de los sitios Web.

ETIQUETAS
Esencialmente, una página Web es un archivo de texto que contiene instrucciones en forma de atributos y códigos HTML (llamados etiquetas). Las etiquetas son los comandos que posteriormente sigue el explorador Web para dar formato al texto e insertar imágenes gráficas en la página Web. 

Algunos de los comandos HTML requieren una etiqueta de apertura y otra de cierre.

ETIQUETA CONTENEDORA
Las etiquetas que requieren un cierre se denominan Etiquetas Contenedoras, ya que la instrucción de la etiqueta inicial se aplica a todo lo que contiene la página Web entre la etiqueta inicial y la etiqueta final.

Cada comando HTML (es decir, etiqueta HTML) comienza con un signo “menos que” (<) seguido por el nombre de la etiqueta y los atributos, y termina con un signo “mayor que” (>). Para crear una etiqueta de cierre para una etiqueta de apertura debe insertar una barra diagonal (/) junto con el nombre de la etiqueta. De este modo, una etiqueta inicial tiene la forma <nombreEtiqueta [Atributos]> y una etiqueta final tiene la forma </nombreEtiqueta>.

Ejemplo: <p> Ejemplo de texto de párrafo. </p>

Etiquetas de Sección HTML

<html> </html> Aparecen al principio y al final de un documento HTML. De esta forma, las etiquetas HTML inicial y final contienen todas las demás etiquetas HTML utilizadas para describir la página Web.

<head> </head> Las etiquetas de encabezado inicial y final aparecen inmediatamente a continuación de las etiquetas HTML iniciales (<html>) y denotan el encabezado de la página Web. Se pueden utilizar etiquetas en el encabezado de la página Web para incluir información como el nombre del autor y la fecha en que se ha creado la página.

De todas las etiquetas colocadas en la sección de encabezado, el explorador sólo muestra el título de la página Web, que se inserta en la sección de encabezado entre las etiquetas inicial y final <title></title>

<title> </title> Permite colocar un título en la barra de título del navegador web

<body> </body> Las etiquetas de cuerpo inicial y final aparecen inmediatamente a continuación de la sección de encabezado de la página web y denotan el texto principal de la página web. Las sección del cuerpo de la página Web contiene las etiquetas que indican al explorador web lo que debe mostrar en pantalla y el aspecto deseado.


EJEMPLO

<html>
<head>
<title>Título de la página Web
 </title>
</head>
<body>
<p> Este texto se muestra en la línea uno </p>
Este texto se muestra en la línea dos
</body>
</html>


ººNo importa si escribe las etiquetas en mayúscula o minúscula o una combinación de las dos, ya que el navegador web no hace distición, aunque también dependera de la especificación como en el caso de XHTML y XML. Es recomendable escribir las etiquetas con minúscula.

ETIQUETA VACÍA (NO CONTENEDORA)

Además de las etiquetas contenedoras, HTML utiliza otro tipo de etiquetas llamada etiquetas vacía. Mientras que las etiquetas contenedoras encierran contenido de página entre la etiqueta inicial y la etiqueta final, como una línea de texto, las etiquetas vacías no requieren una etiqueta final. Una etiqueta vacía se considera como un comando o instrucción sencilla, como "ven aquí" o "haz esto". Por ejemplo, el sigiuente código HTML utiliza la etiqueta de salto de línea (<br>) para indicar al explorador web que vaya a la línea siguiente antes de mostrar el siguiente elemento de una página.




EJEMPLO
<html>
<head>
<title>Ejemplo de la etiqueta de salto de línea 
</title>
</head>
<body>
Este texto se muestra en la línea uno <br>
Este texto se muestra en la línea dos
</body>
</html>

No hay comentarios:

Publicar un comentario