Ver el código fuente HTML de una página web es una de las maneras más fáciles (y a la vez más efectivas) de aprender HTML, especialmente para los nuevos profesionales de la web que recién se están iniciando en la industria. Si usted ve algo en un sitio web y quiere saber cómo se hizo, vea el código fuente de ese sitio.
Si sólo le gusta el diseño de un sitio web, ver la fuente para ver cómo se logró ese diseño le ayudará a aprender y mejorar su propio trabajo. A lo largo de los años, muchos diseñadores y desarrolladores web han aprendido bastante de HTML simplemente viendo la fuente de las páginas web que ven. Es una gran manera para que los principiantes aprendan HTML y para que los profesionales experimentados de la web vean cómo las nuevas técnicas pueden haber sido aplicadas a un sitio.
Recuerde que los archivos fuente pueden ser muy complicados. Junto con la marcación HTML para una página, probablemente habrá muchos archivos CSS y de script que se utilizan para crear el aspecto y la funcionalidad de ese sitio, así que no se frustre si no puede averiguar lo que está sucediendo inmediatamente. Ver el código fuente HTML es sólo el primer paso. Después de eso, puede usar herramientas como la extensión Web Developer de Chris Pederick para ver el CSS y los scripts, así como para inspeccionar elementos específicos del HTML.
Si estás usando el navegador Safari, aquí está cómo puedes ver el código fuente de una página para ver cómo fue creada.
Cómo ver el código HTML en Safari
-
Abre Safari.
-
Navegue hasta la página web que le gustaría examinar.
-
Haga clic en el menú Desarrollar en la barra de menú superior.
Si el menú Desarrollo no está visible, vaya a Preferencias en la sección Avanzado y seleccione Mostrar menú Desarrollo en la barra de menús.
-
Haga clic en Mostrar fuente de página . Esto abrirá una ventana de texto con el código fuente HTML de la página que está viendo.
Consejos
- En la mayoría de las páginas web también puede ver la fuente haciendo clic con el botón derecho en la página (no en una imagen) y seleccionando Mostrar la fuente de la página. Esto sólo se mostrará si el menú Desarrollo está habilitado en Preferencias.
- Safari también tiene un atajo de teclado para ver el código fuente HTML – mantén presionadas las teclas de comando y opción y pulsa U (Cmd-Opt-U.)
¿Es legal ver el código fuente?
Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio ciertamente no es aceptable, usar ese código como un trampolín para aprender de él es en realidad cuántos avances se hacen en esta industria. De hecho, sería difícil encontrar un profesional de la web que hoy en día no ha aprendido algo al ver la fuente de un sitio!
Al final, los profesionales de la web aprenden unos de otros y a menudo mejoran el trabajo que ven y en el que se inspiran, así que no dude en ver el código fuente de un sitio y utilizarlo como una herramienta de aprendizaje.
