Buenos días, queridos lectores de mi blog. A veces encuentras alguna característica hermosa en un sitio web y comienzas a preguntarte cómo el creador logró un efecto tan interesante.

Resulta que la respuesta es bastante sencilla. Y si tiene algunas habilidades, puede recopilar muchas de estas funciones y crear su propio sitio web único en poco tiempo.

Hoy hablaremos sobre cómo abrir el código de una página, un elemento determinado y aprenderemos a utilizar esta habilidad para su beneficio.

Conocimientos básicos de código.

Mi sitio está destinado a principiantes y primero me gustaría hablar brevemente sobre sitios y códigos en general.

Para hacer un dibujo y luego cortarlo en partes pequeñas, escriba el código para que el navegador vuelva a ensamblar todos los elementos en un solo todo. ¿Todo parece muy complicado? En absoluto, y no tiene sentido lamentarse por ello.

Así es como se crean sitios web de alta calidad. Si quieres, involúcrate en este asunto y estúdialo; si no quieres, nadie te puede obligar.

Sólo diré una cosa... no hay nada más agradable que ver cómo las palabras incomprensibles que escribiste se transforman en un todo y cobran vida: los enlaces funcionan, los botones se mueven, las imágenes se mueven, el texto se arrastra. Creo que sé cómo se sintió Victor Frankenstein.

Cuando comienzas a comprender el lenguaje secreto y ves que todo es mucho más simple de lo que parecía inicialmente, no puedes evitar creer en tus propias fortalezas y capacidades del cerebro. Esto es muy genial.

¿Cómo se crean los sitios web? Idealmente, primero. Sólo está pintando un cuadro. Por ejemplo, como se muestra en la siguiente imagen. Por ahora es sólo una imagen, una fotografía. Ningún enlace funciona, cuando haces clic no vas a ninguna parte, no se realiza ninguna búsqueda.

Según este dibujo. Mire la captura de pantalla a continuación. Quizás pienses que se trata de un conjunto de símbolos ridículo y muy complejo. De hecho, no todo es tan complicado, existe un algoritmo determinado.

Sólo hay unas 150 etiquetas y cada una de ellas es responsable de una acción específica: enlace, separación de palabras, negrita, color, título, etc. Comprenderlos no es tan difícil si tienes ganas y no te importa el tiempo.

Gracias al conocimiento de estos atributos, podrás resolver casi cualquier problema. Pero cada desarrollador encuentra sus propias maneras de lograr el objetivo.

Los creadores experimentados ven inmediatamente cómo lograr resultados, mientras que otros tienen que pensar, buscar la respuesta en artículos o en el código fuente de la competencia. Simplemente toman la parte necesaria de un sitio de terceros y la editan ellos mismos. Esto acorta significativamente el proceso de trabajo.

Un poco más adelante les mostraré un ejemplo específico.

Ver código

Entonces, primero déjame mostrarte cómo actuar si necesitas encontrar el html de otra persona. Luego veremos todas las demás preguntas con más detalle.

La mejor manera

El método que describiré primero es un poco complicado para principiantes, pero a modo de introducción, léelo. Abra la página y haga clic en el botón derecho del ratón. Seleccione "Guardar como..."

Guarde toda la página web. Como puedes ver en la captura de pantalla, ya lo descargué todo por adelantado. Aquí tenemos dos carpetas.

Todo lo que necesitas está aquí. Cada elemento. Si comprende esto, podrá obtener rápidamente todo lo que necesita. Pero tal tarea se está volviendo cada vez más imposible. No hay descarga. ¿Qué hacer si está prohibido copiar una página?

Este es Google Chrome

Como ya habrás notado, lo que más uso es Google Chrome y aprender el código de otra persona en este navegador es tan fácil como pelar peras. Como en principio con cualquier otro. El esquema no sólo será similar, sino idéntico. Abra la página cuyo código queremos saber y haga clic derecho en cualquier lugar. En la ventana que aparece, haga clic en "Ver código de página".

Se abrirá una hoja de código en una nueva ventana, que es bastante difícil de entender para un principiante. Pero no se alarme antes de tiempo.

Si necesita conocer el código de un solo elemento, simplemente coloque el mouse sobre él y haga clic derecho. Selecciona otra función de Chrome: “Ver código de elemento”.

Por ejemplo, ¿me podría interesar cómo se hizo el logotipo, usando una imagen o un lenguaje de programación? Después de todo, puedes dibujar un cuadrado con ayuda css. Muchos expertos aconsejan escribir en código la mayor cantidad de información posible. ¿Cómo funcionan en sitios populares?

Ahora ha aparecido la información necesaria. html arriba, css abajo. Estos son dos idiomas. El primero es responsable del componente de texto y el segundo del diseño. Si no hubiera CSS, tendría que especificar el color y el tamaño de fuente cada vez. Para cada página, esto es muy largo. Pero si no existiera html, entonces no tendríamos textos. Lo expliqué a grandes rasgos, pero en general así es.

Por cierto, si está interesado en cómo funciona aquí, puede consultar el enlace a la imagen a continuación. Aquí está tu respuesta.

Mozilla Firefox

Si te gusta trabajar en masilla, todo será exactamente igual. Abra la página y haga clic en el botón derecho del ratón. “Código fuente de la página” si desea ver el código completo.

Cuando pasas el cursor sobre un elemento, puedes abrir su código.

Aquí los datos se muestran en la parte inferior de la pantalla, pero por lo demás todo es exactamente igual.

Navegador Yandex

En el navegador Yandex, todo es exactamente igual que en las dos opciones anteriores, abra la página, haga clic derecho y vea el código de la página.

Pasamos el cursor sobre un elemento si queremos saber exactamente su código.

Todo se muestra aquí exactamente igual que en Chrome.

Ópera

Y por último, Ópera.

Por cierto, habrás notado que no es necesario utilizar un mouse. Hay un atajo de teclado rápido para abrir el código y es el mismo para todos los navegadores: CTRL+U.

Para elementos: Ctrl+Mayús+C.

Así es como se ve el resultado.

Esto será interesante para principiantes.

Ahora mira cómo funciona todo. Encuentras un sitio y te gusta mucho algún elemento. Por ejemplo, éste. Ya sabes cómo abrir el código del elemento.

Ahora cópialo.

Yo lo uso, pega este código en uno nuevo. archivo html, en la etiqueta del cuerpo (body en inglés).

Ahora veamos cómo se verá todo en el navegador.

Listo. Para que el texto se alinee con los bordes y adquiera un color verdoso, debe conectar CSS a este documento y copiar otro código del sitio desde el cual copiamos este.

No haré esto ahora. Esto requiere más tiempo: tanto el mío como el tuyo. Creo que describiré todos los detalles en mis futuras publicaciones. Suscríbete al boletín y sé el primero en enterarte cuando aparezca un artículo.

Si no puede soportarlo, pero quiere aprender más sobre html y css ahora, tradicionalmente puedo recomendarle cursos de capacitación gratuitos.

Aquí hay 33 lecciones que le permitirán dominar HTML: "Curso gratuito de HTML" .

Y aquí información completa sobre css - “Curso gratuito sobre CSS (¡45 lecciones en vídeo!)” .

Ahora ya sabes un poco más. Le deseo éxito en sus esfuerzos. ¡Hasta luego!

Desde hace mucho tiempo para mí la opción "mostrar fuente páginas" era inútil y poco interesante. Adiós aprendiendo HTML en Codecademy y el diseño de mis propios sitios web no se convirtió en mi nuevo pasatiempo. Aquí surgió la pregunta: ¿dónde encontrar casos reales y tomar prestadas soluciones interesantes para su “alcancía”? La respuesta fue inesperadamente sencilla, como toda cosa ingeniosa: ¡mira el código fuente de la página en Google Chrome! Comparto con vosotros mis modestos hallazgos.

¿Cuál es el código fuente de la página?

Si usted, como yo, recién está dando sus primeros pasos en la programación HTML, sería una buena idea averiguar cuál es el código fuente de una página.

El código fuente, también conocido como código de página HTML, es texto en lenguaje de marcado de hipertexto (HTML). Incluye el contenido real de la página (texto, tablas) y etiquetas. Estos últimos actúan como instrucciones para el navegador: cómo mostrar el contenido, qué tipo de formato utilizar, dónde insertar un hipervínculo o un archivo multimedia. Bueno, para nosotros, programadores novatos, el código fuente es el mejor campo de entrenamiento: encontramos un sitio interesante, lo espíamos, lo guardamos y utilizamos fragmentos exitosos. ¿Cómo?

Cómo ver el código fuente en la página del navegador Google Chrome

Encuentra la página que te gusta. Por ejemplo, me interesaba el diseño del menú del sitio. Código fuente abierto en navegador de google Chrome se puede hacer de tres maneras:

1. Haga clic en el icono menú en la esquina superior derecha del navegador y seleccione " Herramientas adicionales" Entre otras, existe la opción “Ver código fuente”. Francamente, rara vez lo uso. este método: muchos movimientos innecesarios. Se puede hacer aún más sencillo.
2. Presione la combinación de teclas Ctrl+U– se abre una nueva ventana con el código fuente;
3. Para los fanáticos del menú contextual: haga clic derecho en la página y seleccione la opción "Ver código de página".

Nos enfrentamos a la tarea de ver el código HTML de la página en el navegador. Pasemos a la etapa más interesante.

Cómo editar y guardar el código fuente

Para aprender a crear sitios web, no basta con leer el código HTML de otra persona. Tienes que jugar con él, experimentar, hacer cambios y comprobar el resultado. Incluso puedes empezar recopilando algunas muestras exitosas. ¿Cómo editar y guardar el código fuente?

Opción 1. “Manualmente”

Después de haber abierto el código fuente de la página, llame al menú contextual y seleccione la opción "Guardar como" y guarde el archivo en disco duro. Editamos el archivo en el Bloc de notas o Notepad, guardamos los cambios y lo abrimos a través del navegador. Los resultados de nuestros cambios (exitosos y no tan exitosos) se reflejarán en la ventana del navegador.

Opción 2. Para los profesionales

Cuando "juegas" con el código fuente todos los días, el proceso de "guardar - abrir - cambiar - guardar - verificar" se vuelve agotador. Para mí, encontré una solución instalando un complemento para Google Chrome: Firebug Lite. Le permite editar y guardar el código fuente sin salir de la ventana del navegador.

Ctrl+U

¿Cómo puedo ver el código fuente de un elemento?

Haga clic derecho en el elemento de la página de interés.

Google Chrome: “Ver código de elemento”

Ópera: "Inspeccionar elemento"

Firefox: “Analizar elemento”

En otros navegadores, busque un elemento de menú con un significado similar.

¡Hola a todos!

Expuse todo el punto especialmente al principio del artículo, para aquellos que buscan una respuesta rápida.

Es posible que muchos conozcan la información, pero como escribo para blogueros novatos, programadores web y otros buscadores, este artículo de referencia es imprescindible.

En el futuro, definitivamente estudiarás el código fuente de las páginas y los elementos individuales.

Echemos un vistazo a ejemplo específico cómo se puede utilizar la visualización del código fuente de una página.

Por ejemplo, queremos ver qué palabras clave se utilizan para una página específica. Nos dirigimos a la página web que nos interesa y pulsamos Ctrl+U. El código fuente de esta página se abrirá en una ventana separada o en una pestaña separada. Presione Ctrl+F para buscar un fragmento de código. En este caso escribimos la palabra “ palabras clave". Serás redirigido automáticamente a un fragmento de código con esta metaetiqueta y la palabra buscada se resaltará.

Por analogía, puedes buscar y estudiar otros fragmentos de código.

Ver el código fuente completo de una página en la mayoría de los casos no es muy conveniente, por lo que en todos los navegadores es posible ver el código de un elemento o fragmento individual.

Usemos un ejemplo específico de visualización del código de un elemento. Por ejemplo, veamos si el enlace tiene el atributo nofollow. Pulsamos derecho sobre el enlace que nos interese y en el desplegable Menú de contexto haga clic izquierdo en el elemento “Ver código de elemento” o similar (dependiendo de su navegador). A continuación, en una ventana especial para análisis de código, obtenemos algo similar.

Vemos que el código del enlace contiene rel=”nofollow”. Esto significa que las relaciones públicas no se “filtrarán” a través de este enlace. Hablaremos de esto con más detalle en los siguientes artículos. Ahora lo importante es que ahora sabes cómo ver el código fuente de la página y el código fuente de un elemento individual.

Instrucciones

En Mozilla FireFox, expanda la sección "Ver" en el menú y haga clic en "Original" código" El mismo elemento también se encuentra en el menú contextual, que, si hace clic derecho en el texto paginas. También puedes utilizar el método abreviado de teclado CTRL + U. Mozilla FireFox no utiliza programas externos - original código paginas con resaltado de sintaxis se abrirá en una ventana separada del navegador.

en el navegador explorador de Internet Haga clic en la sección "Archivo" en el menú y seleccione "Editar en el Bloc de notas". En lugar del nombre Bloc de notas, es posible que se escriba otro nombre, lo ha asignado en la configuración del navegador para ver el original código A. Al hacer clic paginas con el botón derecho del mouse, aparece un menú contextual, que también tiene un elemento que le permite abrir la fuente código paginas en programa externo- "Ver HTML- código A".

EN navegador ópera Abra el menú, vaya a la sección "Página" y tendrá la oportunidad de seleccionar el elemento "Fuente" en la subsección "Herramientas de desarrollo". código"o el artículo "Original código marco." A estas selecciones se les asignan las teclas de acceso rápido CTRL + U y CTRL + SHIFT + U, respectivamente. En un menú contextual vinculado a un clic paginas Haga clic derecho, también hay un elemento "Inicial código" fuente de ópera paginas en un programa externo que está asignado en el sistema operativo o en la configuración del navegador para editar archivos HTML.

El navegador Google Chrome sin duda tiene la mejor organización para visualizar el original código A. Al hacer clic derecho en el mouse, puede seleccionar Ver código A paginas"y luego el código fuente con resaltado de sintaxis se abrirá en una pestaña separada. O puedes seleccionar la línea “Ver” en el mismo menú código elemento” y en la misma pestaña se abrirán dos marcos adicionales en los que puede inspeccionar HTML y CSS código elemento paginas. El navegador responderá cuando el cursor se mueva entre líneas. código y, resaltando elementos en la página que corresponden a esta sección de HTML código A.

En el navegador Apple Safari, expanda la sección Ver y seleccione Ver HTML código A". En el menú que aparece al hacer clic derecho en abrir paginas, el elemento correspondiente se llama "Ver código fuente". Las teclas de acceso rápido asignadas a esta acción son CTRL + ALT + U. Original código en una ventana separada del navegador.

Fuentes:

• cómo cambiar las claves asignadas en Firefox

Muchas personas, al haber encontrado dificultades para juegos de computadora que no pueden superar, utilizan códigos especiales para resolver un problema particular o simplificar el juego. Un código de trampa es un código que se puede ingresar en un juego de computadora para cambiar el curso de su funcionamiento. La introducción de dichos códigos se realiza reproduciendo un texto determinado (que consta de letras o números) en el teclado. También puedes ingresar texto en áreas especialmente designadas (menú de juego o consola). ¿Cómo puedo encontrar el código del juego?

Necesitará

• Internet

Instrucciones

Consideremos el primer método usando el ejemplo popular. http://chemax.ru. Para encontrar un código para un juego específico, haga clic en la pestaña "Códigos de trucos" y luego seleccione "Para". En la ventana que se abre, puedes ingresar el nombre del juego en uno especial (lo que facilitará el proceso de búsqueda) o hacer clic en la letra inglesa o rusa con la que comienza el nombre del juego. Después de seleccionar un juego, verás una lista de todos los códigos posibles.

Para descargar la base de datos de códigos de trucos, debe ir al sitio web http://chemax.ru y seleccione la pestaña "CheMax" - "CheMax Rus". Esta base de datos de códigos de trucos también está en ruso y tiene representados una gran cantidad de juegos. Al instalar, debes seleccionar el idioma ruso y la ubicación del programa en tu archivo . Después de iniciar el programa, debes ingresar el nombre del juego en una línea especial, como resultado de lo cual recibirás todos los códigos de trucos necesarios.

Vídeo sobre el tema.

nota

No olvides actualizar lo antes posible. este programa para tener la base de código más completa.

Consejo útil

Intenta completar el juego sin usar códigos de trucos, porque completar el juego honestamente te dará mucho más placer.

Veamos cómo determinar la inicial. código paginas, porque este parámetro es muy importante cuando se trabaja en Internet. Si necesitas alguna noticia, etiqueta o una imagen, pero no sabes cómo escribirla, siempre puedes copiar la información de otro sitio después de encontrar el original. código paginas si el no es para código creado por los desarrolladores del sitio. El original es importante código en archivos paginados que no son programas, utilizando la fuente código y puedes trabajar con páginas y editarlas.

Necesitará

• Instrucciones para ver el código fuente de la página.

Instrucciones

Para ser visible, está registrado con el original. código ohm Llénalo con código Puede, si es el propietario del recurso, o cambiarlo usando el Bloc de notas, un editor, usando extensiones especiales para esto. El usuario también puede cambiar la página editando el archivo y agregando el suyo propio. En - navegadores que ven la fuente código y se lleva a cabo mediante varios comandos, veámoslos con más detalle.

Para Internet Explorer, seleccione la pestaña "ver" y luego "original" código paginas»o el elemento se puede seleccionar haciendo clic con el botón derecho del ratón. Ser cifrado por los desarrolladores. código en esto vamos al menú “servicio”, luego “herramientas de desarrollador”, hacemos clic en la flecha, seleccionamos el elemento deseado y código convertirse . A continuación, haga clic en el icono y código V formato de texto y copiar de sus componentes a html.

Navegador Mozilla Firefox ofrece la posibilidad de ver usando un simple comando "Ctrl+U" o en el menú "herramientas" seleccione la subcadena "ver código fuente" código" Ver información cifrada en Mozilla Firefox Puede instalar un desarrollador web especial, seleccione en el menú " código" cadena "generada código" y por debajo paginas aparece el valor del original código A. Copie el archivo al portapapeles o guárdelo con la extensión page.htm.

En usando google Chrome en el menú principal "herramientas" seleccione la subcadena "ver código fuente" código", luego use el botón derecho del mouse para abrir el elemento "ver código A paginas» o usando las teclas "Ctrl + U".

Para Navegador Safari en el menú encontramos “ver html- código", también haciendo clic derecho, abra la subcadena "ver código fuente" o use el método abreviado de teclado "Ctrl + Alt + U".

nota

La capacidad de ver información cifrada sobre el código fuente se realiza mediante dos navegadores.

Consejo útil

Si no es desarrollador de un sitio, puede cambiar la página sólo para su propio uso.

En los juegos de ordenador, como en la vida real, existe la posibilidad de hacer un poco de trampa. Para ello, los desarrolladores proporcionan a sus productos varios códigos, mediante los cuales desde el menú del juego puedes completar fácilmente niveles y misiones.

Necesitará

• Software Chemax.

Instrucciones

Para descubrir los códigos que alguna vez usaron los desarrolladores durante las pruebas, no es necesario abrir todos los archivos exe del producto del juego usando editores HEX. Solo necesita ir a un sitio especializado en trampas utilizando el siguiente enlace http://chemax.ru.

En la página cargada, mueva el cursor a la barra de menú, es decir, a la sección "Códigos de trucos", y en la lista que aparece, seleccione "En idioma". En siguiente página Ingresa el nombre del juego en la barra de búsqueda, luego haz clic en el botón "Buscar". Se recomienda ingresar el nombre más completo, que se puede copiar desde las propiedades del acceso directo. Para hacer esto, vaya al escritorio y haga clic derecho en el acceso directo del juego. En el menú contextual, seleccione "Propiedades" y copie el nombre usando el método abreviado de teclado Ctrl + C o Ctrl + Insertar.

De los resultados de la búsqueda, seleccione la opción más adecuada para abrir la tabla de códigos. Además de la tabla de códigos, si te desplazas hasta el final de la página, también podrás encontrar una lista de entrenadores con enlaces activos. Para acceso rapido a los códigos necesarios, hasta que los recuerde, se recomienda seleccionar y copiar la información de la página cargada, luego pegarla en una nueva Documento de texto.

Acceder constantemente al sitio para poder obtener el código necesario es una tarea muy larga, porque… lanzamiento programa especial(CheMax) es muchas veces más rápido. Para hacer esto, vaya al menú superior de CheMax y seleccione CheMax Rus. En la página de descarga del programa, haga clic en "Instalador" o " Archivo RAR", y especifique la ubicación para guardar el archivo ejecutable.

Después de instalar el programa, se colocará un acceso directo en el escritorio, al iniciarlo se abrirá el programa. Durante el juego, presiona "Pausa" y usa Combinaciones alternativas+ Tab para navegar a una ventana abierta. EN barra de búsqueda ingresa el nombre del juego y presiona Enter.

Vídeo sobre el tema.

Fuentes:

• ¿Cómo saber el código del banner?

El código del programa puede variar en términos de privacidad: muchos desarrolladores no lo ponen a disposición del público y los términos del acuerdo de licencia imponen restricciones a los usuarios con respecto a su uso y visualización. También hay programas con fuente abierta, que se puede ver, editar, etc.

Necesitará

• - un programa para abrir el código fuente.

Instrucciones

Asegúrese de que el código fuente sea software, que desea ver está destinado a acceso abierto. Para hacer esto, vaya al sitio web oficial del desarrollador del software y vea el tipo de licencia. Si el código fuente del programa está cerrado, no podrá verlo. Esto es un inconveniente, pero con un sistema de este tipo es bastante raro encontrar copias de un programa que contenga troyanos y otros malware. Esta es la principal desventaja del software libre.

Si tiene software gratuito, busque "Código fuente" en el menú del programa, si el desarrollador proporciona dicho elemento, lo cual es extremadamente raro. Para verlo en otros casos, utilice un ensamblador u otro software de terceros.

A menudo, para abrir el código fuente, es necesario saber qué lenguaje de programación utilizaron los creadores del programa durante el desarrollo, lo cual suele ser muy difícil de determinar. Aquí puede instalar en su computadora un conjunto de diferentes programas para abrir códigos fuente escritos en diferentes idiomas.

Cuando utilice software gratuito, si tiene la opción, revise el código fuente antes del proceso de instalación, especialmente si el programa se descargó de una fuente no oficial. Esto ayudará a proteger su computadora del malware que se instala junto con el principal.

Tampoco recurras a varios métodos realizar cambios en el código fuente cerrado de un programa, a menudo en tales casos existe cierta responsabilidad por violar las reglas acuerdo de licencia entre el usuario y el desarrollador. Además, no publique dichos programas editados en Internet.

Vídeo sobre el tema.

Consejo útil

Consulta las fuentes de software libre.

Programas dividido en abierto y cerrado. En el primer caso, todos los internautas pueden descargar su original. código del sitio web oficial y otros recursos, en el segundo, el código del sistema está cerrado y su

Navegando por innumerables sitios en Internet, puedes encontrar algunos que realmente nos gustan. Inmediatamente surgen una serie de preguntas. ¿El sitio se creó utilizando código casero o algún tipo de CMS? ¿Qué estilos CSS tiene? ¿Cuáles son sus metaetiquetas? Etcétera.

Existen muchas herramientas que se pueden utilizar para extraer información sobre el código de una página web. Pero siempre tenemos el botón derecho del ratón a mano. Esto es lo que usaremos, usando mi sitio como ejemplo.

¿Cómo ver el código de la página?

Para ver el código fuente de la página de un sitio, debe pasar el mouse sobre cualquier área de la página web (excepto imágenes y enlaces). Después de esto, haga clic en el botón derecho del mouse. Se abrirá una ventana con varias opciones frente a nosotros (en diferentes navegadores pueden diferir ligeramente). En el navegador Google Chrome, por ejemplo, estos son los comandos:

• atrás;
• adelante;
• reiniciar;
• guardar como;
• sello;
• traducir al ruso;
• ver código de página;
• ver código.

Necesitamos hacer clic en ver código de página, y el código html de la página del sitio se abrirá frente a nosotros.

Ver el código de la página: ¿a qué prestar atención?

Entonces, el código de la página HTML es una lista numerada de líneas, cada una de las cuales contiene información sobre cómo se crea este sitio. Para aprender rápidamente a comprender esta enorme cantidad de signos y caracteres especiales, debes distinguir entre las diferentes secciones del código.

Por ejemplo, las líneas de código dentro de la etiqueta head contienen información para motores de búsqueda y webmasters. No se muestran en el sitio. Aquí puede ver para qué palabras clave se promociona esta página, cómo está escrito su título y descripción. También puedes encontrar aquí un enlace, pinchando en el que conoceremos sobre la familia. fuentes de google utilizado en el sitio.

Si el sitio está hecho en CMSWordPress o Joomla, entonces también será visible aquí. Por ejemplo, esta área muestra información sobre tema de WordPress o plantilla joomla sitio. Puedes verlo leyendo el contenido de los enlaces resaltados en azul. Un enlace muestra una plantilla de sitio web.

Por ejemplo:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Veremos los estilos de fuente CSS de la página. En este caso, se utiliza la fuente. Esto se puede ver aquí: font-family: 'Source Sans Pro'.

Este sitio está optimizado con el complemento Yoast SEO. Esto se puede ver en esta sección de código comentada:

Este sitio está optimizado con el complemento Yoast SEO v3.4.2: https://yoast.com/wordpress/plugins/seo/

El navegador muestra toda la información contenida dentro de la etiqueta del cuerpo en la pantalla del monitor. Aquí vemos el código html de la página y en la parte inferior está el código del script de Yandex Metrics. Está rodeado por una etiqueta comentada con el texto:

/Contador Yandex.Metrika

resumámoslo

Habiendo realizado un análisis bastante superficial del código pagina de inicio sitio, podemos sacar una conclusión sobre las herramientas con las que se realizó esta página. Vimos en él:

• CMSWordPress;
• Fuente de Google Fuente Sans Pro;
• Tema de WordPress – Sídney;
• Complementos de Yoast;
• Contador de métricas de Yandex.

Ahora el principio de análisis. código HTML La página del sitio es bastante clara. No es en absoluto necesario mantener abierta la página que estás investigando en el navegador. Puede guardar el código de la página en su computadora usando las combinaciones de teclas ctrl+a, ctrl+c, ctrl+v. Pégalo en cualquier editor de texto(preferiblemente Notepad++) y guárdelo con la extensión html. De esta manera, podrás profundizar en él en cualquier momento y encontrar más información útil para ti.