HTML
Segunda Entrega

HTML: HYPER TEXT MARKUP LANGUAGE.

¿Y? ¿Cómo les fue?, ahora vamos a tratar uno de los temas más importantes a mi criterio, el tema de los Meta Tags y vínculos, a parte de otros temas obviamente.


Metas

Si nos fijamos en el código fuente de cada html, veremos que en el head del mismo encontraremos unos tags llamados <Meta>, este tag indica las palabras claves y contenido de nuestra página web, como la descripción, tenemos que tener en cuenta que muchos buscadores utilizan el contenido de esta orden para incluir la página en sus bases de datos.

explicación
ejemplo
Palabras claves de nuestro html <Meta name = "Keywords"
conten = "sitio,educacion,web,alumnos,tutoriales">
Descripción de nuestro html <meta name="description" content="Diseño web y multimedia. Cursos y recursos gratis para diseñadores. Desing Weg e Multimidia. Cursinhos e dicas para desingners
Web Design, multimedia. Free courses and resources for designers">
Autor <meta name="Autor" content="[email protected] Paola Fraticola">
Refrescar un html (F5) <meta http-equiv="refresh" content="10">
Redireccionar a otra página a los tantos segundos <meta http-equiv="refresh" content="10;URL=../../imageandart.net/index.htm">

No se olviden los tags <meta>, van en el head del documento html.


Cabeceras

En el código html tenemos seis formas predeterminadas con los atributos para el texto
Vamos a utilizar los siguientes tags:

 

Abrimos:
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>

Cerramos:

</h1>
</h2>
</h3>
</h4>
</h5>
</h6>

Ahora colocaremos en cualquier parte de nuestro body, el texto que querramos con las siguientes indicaciones:

<html>
<head>
<title> Utilizando Cabeceras </title>
</head>
<body bgcolor="#FFCC33" text="#000000">
<h1>Hola en cabecera uno como orden de texto</h1><br>
<h2>Hola en cabecera uno como orden de texto</h2><br>
<h3>Hola en cabecera uno como orden de texto</h3><br>
<h4>Hola en cabecera uno como orden de texto</h4><br>
<h5>Hola en cabecera uno como orden de texto</h5><br>
<h6>Hola en cabecera uno como orden de texto</h6><br>
</body>
</html>

ver ejemplo


Vínculos o enlances

Todos estamos acostumbrados o casi todos a buscar enlaces o vínculos cuando estamos inspeccionando u observando algun sitio web, para seguir en la investigación necesario, que deseo decir con esto que uno de los puntos mas importantes es la utilización de vínculos para que el espectador pueda "navegar" por nuestro sitio web y de nosotros es la garantía que el espectador como antes mencioné pueda encontrar lo que busca y una fluida como clara navegación para que todos puedan estar cómodos en la lectura de nuestro sitio.

Utilizaremos el tag <a> </a> para realizar los vínculos:

El parámetro href es el que indica la ubicación del archivo a llamar, pudiendo ser una página externa como interna o un archivo zip, doc, lo que desee vincular.

<html>
<head>
<title> Vinculemos </title>
</head>
<body bgcolor="#FFCC33" text="#000000">
<p align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="html2.php">
ver ejemplo</a></font></p>
</body>
</html>

Ejemplo: =)

ver ejemplo


Nos vemos en la próxima entrega donde veremos:
anclas, formulario completo y que funcione, tablas y listas. =)

1ª Entrega 2ª Entrega 3ª Entrega 4ª Entrega