Estructura básica HTML



          El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas las cuales funcionan de la siguiente manera:

<Ejemplo> Este es el inicio de una etiqueta.
</Ejemplo> Este es el cierre de una etiqueta.

      Las letras de la etiqueta pueden estar en mayúsculas o minúsculas. Por preferencia, usare las mayúsculas. Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>:


                          <HTML> Todo el contenido de la página </HTML>



El documento en sí está dividido en dos zonas principales:
El encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD>
El cuerpo, comprendido entre las etiquetas <BODY> y </BODY>



      Dentro del encabezadoo hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás.

Entonces así quedaría nuestra estructura :



<HTML>   

<HEAD> 


<TITLE> Nombre de la página </TITLE> 

</HEAD>

                <BODY> 
              
Contenido de la página.
                
                </BODY>

</HTML>


      Puedes agregar atributos a la etiqueta BODY como BGCOLOR, que sirve apara establecer el color de fondo de la página, utilizando el nombre de los colores en Ingles o bien en código hexadecimal. Ejemplo:


Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>



Para que nuestro archivo se lea como página web solo tienes que guardar con extensión .HTML de esta manera : 



      Les recomiendo que también guarden uno con extensión .txt para si algo les llegara a salir mal o borraran código por error, les serviría como respaldo.

      Si tienen un proyecto HTML en mente o en proceso creen una carpeta en la unidad C con el nombre de HTML y allí guarden todos los elementos que contendrá su página web.

      Las imágenes y el texto son mi auditoria, fueron tomadas directamente en mi ordenador.

No hay comentarios:

Publicar un comentario