Como crear una pagina web html

Como crear una pagina web html

editor html

Si alguna vez te has preguntado cómo se utiliza el HTML para hacer sitios web con imágenes y vídeos, has llegado al lugar correcto. Voy a guiarte a través de los 9 pasos para construir un sitio web de una página usando HTML. Si puedes construir un sitio web de una página, puedes construir un sitio web de varias páginas.

Necesitas un editor de texto para escribir el código HTML. Todos los ordenadores tienen un editor de texto, así que no te apresures a instalar nada todavía. Puedes utilizar el Bloc de notas en Windows, Gedit en Ubuntu y TextEdit en MacOS X.

Para tu primera página web, te recomiendo que te quedes con una página web de diseño sencillo. El diseño web es el aspecto de la página web. Recuerda que sólo estás practicando cómo construir páginas web, no cómo diseñarlas.

Recuerda el editor de texto del que hablé antes, es hora de abrirlo y usarlo. Si ya has usado uno antes, pasa a la siguiente sección. Si no sabes cómo, las instrucciones de abajo te ayudarán dependiendo del tipo de ordenador que utilices.

Cuando se oye hablar de comer insectos, la mayoría de la gente se asusta. Sin embargo, los insectos son considerados un manjar en muchas partes del mundo. La mayoría de los insectos que se comen son cultivados en granjas, pero en algunos lugares, no se asusta de comer insectos recogidos de la naturaleza.

wikipedia

Consejo: Le sugerimos que utilice el Bloc de notas (en Windows), TextEdit (en Mac) o algún otro editor de texto sencillo para hacer esto; ¡no utilice Word o WordPad! Una vez que entienda los principios básicos, puede pasar a herramientas más avanzadas como Adobe Dreamweaver.

Nota: Una declaración DOCTYPE aparece en la parte superior de una página web antes de todos los demás elementos; sin embargo, la declaración doctype en sí no es una etiqueta HTML. Todo documento HTML requiere una declaración de tipo de documento para asegurar que sus páginas se muestren correctamente.

Consejo: Las etiquetas <html>, <head> y <body> constituyen el esqueleto básico de toda página web. El contenido dentro de <head> y </head> es invisible para los usuarios, con una excepción: el texto entre las etiquetas <title> y </title>, que aparece como título en la pestaña del navegador.

El HTML se escribe en forma de elementos HTML compuestos por etiquetas de marcado. Estas etiquetas de marcado son la característica fundamental de HTML. Cada etiqueta de marcado se compone de una palabra clave, rodeada de corchetes, como por ejemplo

programa html

HTML es el lenguaje que entienden los navegadores web (como Firefox, Chrome y Safari). Es un lenguaje de marcado, lo que significa que se anota el contenido con él para que el navegador trate ese contenido de diferentes maneras. (HTML significa lenguaje de marcas de hipertexto, por si tienes curiosidad).

No es demasiado difícil de aprender, ¡y es divertido! Lo más difícil de este tutorial será organizar las ventanas en tu pantalla para que puedas ver todo a la vez. En una ventana o pestaña del navegador, deja este tutorial abierto para que puedas consultarlo a medida que avanzas.

Atom es un editor de texto (gratuito), que es el nombre del tipo de programa en el que se escribe el código. Al igual que Microsoft Word, muestra el texto que escribes. Pero a diferencia de Microsoft Word, no rodea (invisiblemente) tu texto con información de formato. Por lo tanto, ¡no utilices nunca Microsoft Word para tu código! En su lugar, utiliza Atom o una de las muchas alternativas, como Sublime.

Deja tu documento Atom abierto y navega hasta el lugar donde guardaste el archivo. Haz doble clic en el icono del archivo que has guardado. Por defecto, ese archivo debería abrirse en un navegador. Ahora has abierto el archivo de dos maneras diferentes: como página web y como archivo de texto. Organiza tus ventanas para que puedas ver el documento abierto como documento de texto y como página web, simultáneamente.

código html de la página web

En primer lugar, debe crear un documento de texto que contenga las palabras que desea que aparezcan en su página web. La mayoría de los programas de procesamiento de textos funcionarán bien, siempre que le dé a su documento un nombre que termine en .html o .htm y lo guarde como «Sólo texto». (Consejo: es mejor utilizar todas las letras minúsculas en el nombre del archivo y evitar cualquier carácter especial o signo de puntuación, excepto los guiones). Mejor aún, utiliza una aplicación de edición de texto como TextEdit, Notepad o Brackets. Escriba su historia, la reseña de un libro, datos fascinantes sobre Júpiter o lo que quiera publicar.

Las etiquetas de formato indican al navegador de Internet (como Firefox, Chrome, Safari o Internet Explorer) cómo organizar las palabras e imágenes en la pantalla. Estas etiquetas conforman un lenguaje llamado HyperText Markup Language, o HTML. El esqueleto básico de un documento HTML tiene este aspecto:

Observe que (1) cada etiqueta de formato aparece entre los signos «menor que» (<) y «mayor que» (>), y (2) las etiquetas suelen aparecer en pares, con la segunda etiqueta del par empezando por una «barra» (/). Las etiquetas que aparecen en pares deben estar «anidadas», o correctamente ordenadas, dentro de otros pares. Por ejemplo: