Bueno, en la entrada anterior vimos la estructura de una pagina web algo avanzada.
Pero esta vez, veremos la estructura básica de una pagina web en HTML
Para su mayor entendimiento, lo explicaremos paso a paso.
Empecemos!! :D
Paso 1
Esta vez utilizare un programa nuevo que descargue hace poco, es bastante sencillo, y lo que mas me gusta es que tenga un color especifico para cada etiqueta o atributo que necesite.
Se llama ''Notepad++", pueden descargarlo en este enlace.
Si no te funciono, puedes copiar este link y pegarlo en tu buscador.
http://notepad-plus-plus.org/news/notepad-6.7.4-je-suis-charlie-edition.html
Es la ultima versión conocida por el momento.
La abriremos...
Paso 2
Bueno, ya que tenemos el programa abierto.
empezaremos con la etiqueta de apertura.
<html> */Siempre, toda la vida, empezaremos con esta etiqueta cuando usamos HTML/*
empezaremos con la etiqueta de apertura.
<html> */Siempre, toda la vida, empezaremos con esta etiqueta cuando usamos HTML/*
<head> */es la etiqueta de encabezado/*
<title> */utilizamos esta etiqueta para ponerle titulo a nuestra Pagina Web/*
Mi Primera Pagina */ este es el texto del titulo/*
Mi Primera Pagina */ este es el texto del titulo/*
</title> */cerramos la etiqueta del titulo/*
</head> */cerramos la etiqueta del encabezado/*
<body> */ abrimos la etiqueta del contenido/*
Estamos programando en HTML */este texto es el que ira en el cuerpo de la webpage/*
</dody> */cerramos la etiqueta del cuerpo/*
</html> */cerramos la etiqueta de apertura/*
Nos va a quedar algo así.
Lo guardamos bajo el nombre de ''webbasica.html'' en una carpeta cualquiera.
Es muy importante que la guarden con esa extensión para que pueda volverse una pagina web.
Por ultimo nos quedara algo asi, cuando ya la abrimos en el navegador.
Espero les haya servido. En la siguiente publicacion, veremos un diseño mas adornado.
Hasta la proxima!
Hasta la proxima!
No hay comentarios:
Publicar un comentario