Ok, en el anterior capitulo conocimos la historia de la Web, de las URI's y del HTML, ahora que ya conocemos su historia y presedentes, continuaremos y entraremos un poco mas a fondo con respecto al HTML;
Empezaremos por lo basico del HTML, conocer mas a fondo su estructura:
Nos mantendremos en el Capitulo 1: El HTML; pero pasaremos al Modulo 2: La Estructura del Documento.
Entonces empesemos:
Capitulo 1: El HTML
Modulo 2: La Estructura del Documento:
2.1 Las Etiquetas HTML
El lenguaje HTML no es un lenguaje de descripción de páginas; se limita a describir la estructura y el contenido del documento y no el formato de la página y su apariencia. Esto se logra encerrando cada porción del texto entre un par de etiquetas, una de apertura y otra de cierre, que no son visibles en el momento de visualizar el documento aunque afectan a su visualización.
En HTML las etiquetas se delimitan con los signos “<” (menor que) y “>” (mayor que); todo esto quedará más claro con un ejemplo:
<h1>Esto es un Encabezado</h1>
Esto no.
2.2 Estructura de un documento HTML
Todos los documentos HTML comienzan con la etiqueta <HTML> y terminan con la etiqueta </HTML>. Además, se dividen en dos zonas: la cabecera y el cuerpo; estas zonas se delimitan con las etiquetas <HEAD>...</HEAD> para la cabecera y <BODY>...</BODY> para el cuerpo del documento.
En la cabecera se incluye diversa información sobre el documento que no afecta a la apariencia del mismo en el navegador; por el momento sólo se verá una etiqueta relacionada con la cabecera y que permite dar un título al documento.
El título es un texto “plano” delimitado por las marcas <TITLE>...</TITLE> y que debe identificar al documento. Aunque no se limita la longitud del título ésta no debe ser excesiva pues podría ser truncado por el navegador perdiendo el sentido; tampoco se debe ir al otro extremo, pues títulos excesivamente cortos no facilitan al usuario la tarea de identificar la naturaleza del documento.
El contenido del documento reside en el cuerpo que, como ya se vio, está delimitado por las marcas <BODY>...</BODY>; por el momento no es necesario saber más sobre esta zona puesto que en los siguientes puntos se tratará en profundidad.
Antes de avanzar más en el conocimiento del lenguaje se hace necesario presentar dos conceptos muy importantes. El primero es el de comentario, aquel texto cuya misión es facilitar la comprensión del código a la persona que vaya a leerlo pero sin ser visible para el usuario; en HTML los comentarios se encierran entre los símbolos <!-- y -->. El lector debe acostumbrarse al uso de comentarios puesto que un código bien comentado es un código fácil de leer y, por tanto, fácil de mantener.
El otro concepto es el de atributo, un atributo permite modificar el comportamiento de las etiquetas, el comportamiento puede ser modificado en algunos casos con sólo añadir el atributo, aunque en la mayor parte de los casos se requiere un valor que se asigna mediante el signo “=”. Si una etiqueta admite varios atributos estos se indican como una lista separada por espacios en blanco. Por ejemplo:
<etiqueta atributo1 atributo2=valor2 atributo3=valor3>...</etiqueta>
2.3 Jerarquía del documento
Cuando se escribe un documento no se proporciona todo el contenido de forma continua sino que se estructura en capítulos, apartados y párrafos; cada una de estas partes puede llevar títulos con estilos diferentes para indicar un nivel distinto en la jerarquía del documento.
2.4 Títulos
En HTML se dispone de seis niveles para la jerarquía de títulos; para mostrar un título se encierra el texto del mismo entre las etiquetas <Hn>...</Hn> donde n varía entre 1 (el nivel más alto de la jerarquía) y 6 (el nivel más bajo). El texto delimitado por dichas etiquetas se muestra en negrita y el texto que lo sigue comienza en un párrafo nuevo.
Estas etiquetas sólo se deben utilizar para títulos de apartados, es decir, con la única finalidad de estructurar el texto y nunca para cambiar el estilo de texto dentro de párrafos.
<h1>Titulo 1</h1>
<h2>Titulo 2</h2>
<h3>Titulo 3</h3>
<h4>Tirulo 4</h4>
2.5 Saltos de línea y párrafos
Los navegadores al interpretar código HTML ignoran los saltos de línea y muestran el texto de forma continua cortando las líneas en función del ancho de la ventana de la aplicación. Cuando el autor de un documento HTML quiere introducir un salto de línea debe utilizar la etiqueta <BR>, esta etiqueta no tiene cierre.
Sin la etiqueta
Taringa sitio
de reunion para
muchas personas
en latinoamerica
y el mundo ojala
todos ayudemos
a que cresca mas
...
Con la etiqueta
Taringa sitio<BR>
de reunion para<BR>
muchas personas<BR>
en latinoamerica<BR>
y el mundo ojala<BR>
todos ayudemos<BR>
a que cresca mas<BR>
... <BR>
Ok como ya es un poco tarde, mañana tratare de seguir, espero me comprendan y entiendan que esto lleva bastante tiempo, ya que quiero que entiendan todo lo mejor posible, asi que va a hacer un poco largo.
Que te recomiendo, que practiques estos codigos, y combinalos para que te adaptes ya que dentro de poco los vamos a volver a usar.
En verdad es muy necesario que vayas leyendo todas las guias que traigo para que entiendas en orden lo que se trata de explicar aqui, dentro de poco haremos unas paginas para probrar los codigos que llevamos estudiados.
Bueno sera hasta la proxima; No pido puntos, prefiero que recomienden este post, es mas importante para mi llegar a la mayor cantidad de personas posibles ya que despues todo esto se pierde, o lo pueden copiar, asi que es lo unico que les pido
Final Modulo 2
Puden ver algunos de mis Ejemplos aqui!!
