Editar html en chrome
A lo largo de los años, hemos tenido muchos nuevos diseñadores web que se preguntan si es aceptable ver el código fuente de un sitio y utilizarlo para su educación y, en última instancia, para el trabajo que hacen. Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio web es ciertamente inaceptable, el uso de ese código como un trampolín para aprender es en realidad cómo se hacen muchos avances en esta industria.
Una cosa que hay que recordar es que los archivos fuente pueden ser muy complicados (y cuanto más complejo sea el sitio web que estás viendo, más complejo será el código de ese sitio). Además de la estructura HTML que compone la página, también habrá CSS (hojas de estilo en cascada) que dictan la apariencia visual de ese sitio. Además, muchos sitios web de hoy en día incluirán archivos de script junto con el HTML.
Es probable que se incluyan varios archivos de script; de hecho, cada uno de ellos impulsa diferentes aspectos del sitio. Francamente, el código fuente de un sitio puede parecer abrumador, especialmente si eres nuevo en esto. No te sientas frustrado si no puedes averiguar lo que está pasando con ese sitio inmediatamente. Ver el código fuente HTML es sólo el primer paso en este proceso. Con un poco de experiencia, empezarás a entender mejor cómo encajan todas estas piezas para crear el sitio web que ves en tu navegador. A medida que te familiarices con el código, podrás aprender más de él y no te parecerá tan desalentador.
View-source
este sitio</A>Tu código debería ser así (hemos añadido un TÍTULO):Guarda tu trabajo y carga la página en tu navegador. Deberías ver esto:¡Y eso es un hipervínculo! Fíjate que lo único que hay en la página visible para
el nombre de la página a la que se enlaza. Así que this:HREF=»nombre_de_la_página.html «en lugar de this:HREF=»../nombre_de_la_página.html «o this:HREF=»páginas/nombre_de_la_página.html «Sólo estás usando las mismas reglas de referencia de archivos que aprendiste en las imágenes
anular el navegador por defecto:LINKStablecer el color de un enlace antes de que se haya hecho clic en élALINKSestablecer el color de un enlace cuando se hace clic en élVLINKSestablecer el color de un enlace después de que se haya hecho clic en élLa A y la V de arriba significan Activo y Visitado. Se utilizan así:<A HREF=»pages/about.html» LINK=»red»>About
W3-include-html
Si quieres curar el contenido de otros en las redes sociales o simplemente hacer que tu propio contenido visual en las redes sociales funcione mejor para tu estrategia general de contenido, necesitas saber cómo incrustar código HTML en tu blog o sitio web.
Pero espera un segundo… antes de entrar en el meollo de este consejo, ¿qué diablos significa «incrustar»? ¿Y qué es HTML? Si no sabes nada de código, no te preocupes: incrustar contenido externo es muy fácil. Dediquemos un segundo a desglosar los conceptos básicos.
Incrustar significa integrar un contenido externo en otro sitio web o página. Para incrustar algo, se coloca un bloque de código -llamado código de incrustación- en el editor HTML de otro sitio web. Cuando se pulsa «Guardar» o «Publicar», el contenido se muestra en la página publicada.
Al incrustar contenido externo en tus páginas y publicaciones, puedes aumentar la participación en tu sitio web y hacer que los visitantes de tu sitio interactúen con el contenido que publicas en las redes sociales. Lo mejor es que es fácil de hacer: simplemente genera el código de incrustación, pégalo en tu editor de HTML y observa cómo aumenta la participación de los usuarios.
Obtener el código fuente del sitio web
En este artículo cubrimos los fundamentos absolutos de HTML. Para empezar, este artículo define los elementos, los atributos y todos los demás términos importantes que hayas oído. También se explica dónde encajan éstos en el HTML. Aprenderás cómo se estructuran los elementos HTML, cómo se estructura una página HTML típica y otras características básicas importantes del lenguaje. Además, tendrá la oportunidad de jugar con HTML.
¿Qué es HTML? HTML (Hypertext Markup Language) no es un lenguaje de programación. Es un lenguaje de marcado que indica a los navegadores cómo estructurar las páginas web que se visitan. Puede ser tan complicado o tan simple como el desarrollador web quiera. El HTML consiste en una serie de elementos que se utilizan para encerrar, envolver o marcar diferentes partes del contenido para que aparezca o actúe de una manera determinada. Las etiquetas que encierran el contenido pueden convertirlo en un hipervínculo para conectar con otra página, poner palabras en cursiva, etc. Por ejemplo, considere la siguiente línea de texto:
Nota: Las etiquetas en HTML no distinguen entre mayúsculas y minúsculas. Esto significa que pueden escribirse en mayúsculas o en minúsculas. Por ejemplo, una etiqueta <title> puede escribirse como <title>, <TITLE>, <Title>, <TiTlE>, etc., y funcionará. Sin embargo, la mejor práctica es escribir todas las etiquetas en minúsculas por coherencia y legibilidad.