lunes, 18 de junio de 2012

Etiquetas Básicas (Parte I)

Ya hemos visto como es la estructura interna de un archivo Html; ahora veremos el uso de algunas etiquetas del lenguaje. De aqui en adelante recomendamos el uso del editor de texto Dreamweaver, te ayudara mucho a lo largo del curso. Al crear un archivo Html desde el menu de opciones del Dreamweaver tendremos una estructura similar a esta:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
</head>
<body>
Cuerpo de la página.
</body>
</html>



Esta estructura no difiere mucho de la vista anteriormente, las lineas adicionales que ha agregado el programa sirven de ayuda para los navegadores. La etiqueta "DOCTYPE", es la declaración del tipo de documento (DTD Document Type Declaration), esta sección se ubica en la primera línea del archivo HTML, es decir antes de la marca html. Esto es, porque tenemos Html 4.1 Transitional, Html 4.1 Estricto y HTML5; de momento no profundizaremos mucho con estas etiquetas, por facilidad, utilizad el definido por defecto en Dreamweaver. La etiqueta "meta" tiene varias funciones, pero se utiliza generalmente para indicar el juego de caracteres que utilizara la pagina, en Dreamweaver por defecto, se utiliza la codificacion "ISO-8859-1".

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


La etiqueta "title", sirve para darle un titulo a la pagina en la pestaña del navegador, por ejemplo:

<title> Diseño y Desarrollo Web </title>

0 comentarios:

Publicar un comentario