Ejercicio N°1

Crear un archivo HTML y nombrarlo como index.html

Siempre utilizando la vista de CODIGO, vamos a buscar y modificar el texto contenido que hay entre las etiquetas <title>Documento sin título</title> y ponemos un lindo titulo a nuestra primera página. La etiqueta de titulo la pueden encontrar entre las etiquetas <head> </head>

Ahora entre la etiquetas<body> y </body>, vamos a insertar las siguientes etiquetas y completamos con texto (algo interesante / creativo / representativo / inteligente / curioso / gracioso… dale!)

Por si no encontras los símbolos:
alt+60 <
alt+62 >

Primero las 6 etiquetas <h> para hacer diferentes Titulares (heading)	

<h1>Este es el contenido de la etiqueta H1 de diseño</h1>
<h2>Este es el contenido de la etiqueta H2 de diseño</h2>
<h3>Este es el contenido de la etiqueta H3 de diseño</h3>
<h4>Este es el contenido de la etiqueta H4 de diseño</h4>
<h5>Este es el contenido de la etiqueta H5 de diseño</h5>
<h6>Este es el contenido de la etiqueta H6 de diseño</h6>


Luego una etiqueta <p> para hacer un párrafo, si quieres simular un texto puedes escribir Lorem50 y luego presionar la tecla TAB para que genere un párrafo de 50 palabras, también puedes modificar el valor numérico y hacer el texto tan largo como quieras.	

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores fugiat vel explicabo totam nemo natus commodi illum itaque porro voluptas placeat aperiam dolore facilis quibusdam laboriosam, tenetur voluptatibus dolor neque at sequi nostrum nam laborum. Autem soluta perspiciatis at necessitatibus?</p>
	

También insertamos un vinculo con la etiqueta <a> 
dentro de la etiqueta de apertura, indicamos el href="" y entre las comillas vinculamos a un sitio o red social (importante utilizar la ruta absoluta con http://www.dominio.com o https://)

<a href="http://www.esav.edu.ar">ESAV</a>

Una vez listo el archivo, lo subimos a nuestro servidor utilizando el FileZilla, dentro de la carpeta “public_html” .Recuerda primero borrar los archivo de muestra que deja el proveedor de hosting dentro de la carpeta public_html y es muy importante que no toques nada que este fuera de esta carpeta!

Si anteriormente apuntamos correctamente el dominio desde nuestro panel de control que nos provee el hosting, y también, delegamos desde nic.ar a los DNS de nuestro proveedor de hosting. Podremos acceder a nuestro dominio y ver el resultado!

  • Si ves un error que indica 403 Forbidden, revisa que tu archivo html se llame index
  • El error 404 Not Found, indica que el navegador no puede encontrar el archivo que hayas indicado en la ruta de dirección.
  • Si el navegador indica “No se puede acceder a este sitio web” es que tu dominio no está correctamente apuntado o delegado. DNS_PROBE_FINISHED_NXDOMAIN