Puedes ver todos los capitulos en el Indice del Curso
En este capitulo empezaremos a escribrir codigo HTML, para ello nesecitaremos :
- Un Editor de Texto plano, nos sirve el famoso block de notas aunque preferiria que usen, Sublime Text (Link de Pag. Oficial para descargar).
Creando nuestro primer archivo .html
Creemos un archivo de texto, luego a este le cambiamos la extension de miarchivo.txt a miarchivo.html ; ahora editemos el archivo con nuestro editor de texto.
Con lo primero que se inicia una Pagina web es con "la declaracion de documento", esto es un estandar en web y no se debe dejar pasar por ningun motivo, entonces en la primera linea deberia ir de esta manera.
Para HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Para HTML 5
<!DOCTYPE html>
Si se están preguntado porque hay una diferencia tan grande en la declaración del DOCTYPE es porque en versiones anteriores del HTML se basaba el lenguaje en SGML, por lo que había que especificar el DTD, pero en HTML5 no se basan en SGML, por lo que no hay necesidad de especificar el DTD y por tanto con un único DOCTYPE es suficiente. Adicionalmente a ello no debemos ver a la declaración del DOCTYPE como una etiqueta, si no como una declaración del lenguaje que estás utilizando.
Primeras etiquetas HTML
<html>
<head> </head>
<body> </body>
</html>
Digamos que estas son las etiquetas básicas para iniciar explicaremos un poco de cada una de ellas:
<html> Esta etiqueta indica el comienzo del documento HTML,cuya función es servir de apertura y cierre al archivo. Las marcas <HTML></HTML> indican al navegador que el documento está marcado en HTML.
<head> Esta etiqueta se colocan inmediatamente después de la apertura de la marca <html> y cierran el encabezamiento propiamente dicho del documento; es decir toda la información que necesita el navegador, el servidor de web y los motores de búsqueda. Se trata del primer elemento que lee el navegador y, por ello, es el mejor lugar para insertar sintaxis script . Dentro de <head></head> se introduce el título del documento y otros datos, todo esto lo veremos mas adelante.
<body> se coloca inmediatamente después del cierre de la marca </head> y, en cualquier caso, dentro de los elementos <html></html>. Si el elemento <head> contenía meta-información (es decir, datos no visualizados materialmente por el navegador) la función de la marca <body> es la de mostrar los objetos (texto, imágenes, sonidos, apliques, etc.) de la página.
Todas las paginas contienen esas etiquetas, debido a que son requeridas para estructurar una pagina Web, hasta ahí tenemos las estructura pero aun no tenemos ninguna información visible. Nuestro documento estaría quedando de esta manera:
<!DOCTYPE html>
<html>
<head> </head>
<body> </body>
</html>
Nuestro siguiente capitulo incluiremos contenido visible en nuestra pagina.
0 comentarios:
Publicar un comentario
Gracias por comentarnos