martes, 1 de marzo de 2022

HTML BÀSICO

Las páginas que vemos en Internet están escritas utilizando el lenguaje HTML (Hyper Text Markup Language). Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web.
Por ejemplo, el título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>. Como ves, ambas etiquetas consisten en poner un mismo comando entre los símbolos "<" ">". La primera etiqueta indica inicio, y la segunda, que incluye el símbolo "/", indica final.

Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan. Por ejemplo, <TABLE Border="1"> indica que la tabla tendrá un borde de tipo 1.
Una página HTML básica tendría el siguiente aspecto:
<HTML>
<HEAD>
<TITLE> Mi primera página web </TITLE>

</HEAD>
<BODY>
<A href:"http://www.mipagina.com"> Haz clic aquí para ir a mi página</A>
resto de la página web
</BODY>
<HTML>
Las etiquetas que se introducen en un documento HTML no son visibles cuando el documento se muestra en un navegador (IExplorer, Firefox, Chrome, etc). Cuando un usuario desde Internet solicita ver una página el servidor Web envía la página al navegador y este interpreta las etiquetas para dar el formato a la página.

Estructura de una página 


A lo largo de este tema vamos a aprender a crear una página básica.
La estructura básica de una página es:
<html>
<head>
...</head>
<body>
...
</body>
</html>
Ahora veamos cómo funcionan estas etiquetas.
Identificador del tipo de documento <html>
Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.
Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página.
Por ejemplo:
<html>
...
</html>

Cabecera de la página <head>
La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título.
Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>.
Por ejemplo:
<html>
<head>
...
</head>
...

</html>
Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: 
<link>
<style><script> <meta>  y la etiqueta
<title> que te explicamos a continuación.
Título de la página <title>
El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él.
Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>.
Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.
Por ejemplo:
<html>
<head>
<title>
Mi Primer Página
</title>
</head>
...

</html>

No hay comentarios:

Publicar un comentario

Entradas populares