Como crear mi primera pagina web en html

Inicio » Como crear mi primera pagina web en html

La primera página html de la historia

Podría seguir con más teoría y mandar a la mitad de ustedes a dormir (créanme); en cambio, ¡ahora van a construir su primera página web! Una de las mejores maneras de aprender algo es hacerlo realmente, así que no te preocupes si las cosas están un poco borrosas ahora mismo, a medida que construyamos la página web, las cosas empezarán a aclararse.

Deberías poder ver tu página en todo su esplendor. Vale, no demasiada gloria, pero al fin y al cabo es tu primera página codificada a mano. Si no ves nada, entonces compara lo que has escrito con el original que te di y repasa el proceso de nuevo. ¡Lo conseguirás si te das una oportunidad!

Mi primera página web de ejemplo html

Para escribir código HTML, necesita un editor de texto. Puede utilizar un editor ya presente en su ordenador (por ejemplo, el Bloc de notas), pero se recomienda encarecidamente utilizar un editor que sea adecuado para gestionar un sitio y escribir código. Se recomienda:

Todos los archivos que quieras añadir a tu sitio tienen que estar en la carpeta del sitio web. Así que si quieres añadir imágenes, cópialas en la carpeta del sitio web (se recomienda crear una subcarpeta para ello, por ejemplo con el nombre “img”).

La vista previa sólo cambiará cuando guarde el archivo (pulse CTRL+S) y actualice la vista previa (pulse F5). Pero en el navegador-plus, puedes activar la vista previa en vivo (icono con un rayo en negrita), que refrescará automáticamente la vista previa (pero todavía tienes que pulsar

Para que la dirección de su sitio funcione, su sitio debe tener un archivo índice: su primera página (página de inicio) debe tener el nombre index.html (o index.php). Los nombres de los archivos distinguen entre mayúsculas y minúsculas. Utilice sólo caracteres en minúsculas para los archivos de índice.

La mejor manera de resolver esto, es cambiar el nombre del archivo a me_small.jpg (con la extensión en minúsculas). El problema que complica esto, es que en Windows, la página web funcionará, al verla con un navegador. Pero una vez que la subas, no funcionará,

Cómo empezar con el html

Sí. They are the things between the <> brackets. I’m sure you’ve seen them in someone’s code before, but if you haven’t, right-click this page and select “View Source”. The code that makes this page will appear. Have a quick glance through it. Yes, it probably makes little sense yet, but that doesn’t matter at the moment. See how, later on, there’s some text? It’s the words you’re reading now. Surrounding all that is a load of stuff, all being encased by <>s. That’s all the HTML that goes into making this page.

Tags follow a common structure too. Some of those tags you can see are ”start tags”, like <b>, and others are paired with them and called “end tags”. They look like </b>. Together, a start tag and an end tag form a HTML element. A start tag opens an element and an end tag closes it again.

For example, to make text bold, you use the b element. So, at the point in your text that you want the bold to start, you just stick the angle-brackets around that and put <b>, and when you want it to stop, you put </b>. An end tag is simply the start tag with a forward slash in front of the element name. Some tags won’t need that end tag, but most do, so don’t forget it.

Mi primera página web html

Mi favorito actual entre los muchos editores es Visual Studio Code (gratuito). Puedes usar un editor de tu elección pero ocasionalmente me referiré a algunas funciones de Visual Studio Code (VS Code). Buenas alternativas son Atom o Brackets.

Por supuesto, nuestro sitio web debería funcionar en los principales navegadores (Edge, Firefox, Chrome y Safari). Sin embargo, para el desarrollo web recomiendo utilizar Chrome. Chrome incluye herramientas muy útiles para los desarrolladores que usarás a menudo.

Para ver la página, usaremos la extensión Live Server que instalamos anteriormente. Haz clic con el botón derecho en tu index.html (el archivo que está debajo de la carpeta Portfolio y no el que está arriba en “Abrir editores”). Luego haga clic en Abrir con Live Server. Una ventana del navegador debería abrirse y mostrar su primer sitio web. Ahora, cada vez que guardes cualquier cambio, éste será actualizado automáticamente por el servidor en vivo.

Si la página no se abre en su navegador preferido: Cambie la configuración de su ordenador para que otro navegador sea su navegador estándar. También puedes copiar la dirección (por ejemplo, http://127.0.0.1:5500/index.html) de un navegador e insertarla en otro.

Ir arriba