Decoding the source code of the page. How to change the HTML code of a page in contact

How to change the code of an element on the site - first you need to find out in which file this code is located. There are many methods, but I will describe one that I like the most and which I use myself.

You can see the code of the desired element by right-clicking and explore it or view the source code of the page. All browsers have a similar method; for each there are certain add-ons that carry out these processes.

Whether everyone is comfortable with something or not, we will not discuss this issue. Our task is to find the file with the code located.

How to find the file:

I use file manager Total Commander. I find this a very convenient method.

So, for example, we found an element by highlighting it in the browser and saw that it was enclosed in<div class = "wpb_wrapper">

To begin with, it is better to copy the folder with your website from the server and place it in a convenient place, for example, your desktop.

Copy<div class = "wpb_wrapper"> and open Commander. Selecting tools - search

Search location - select the previously saved folder with the site. Check the text box and enter what you are looking for

or whatever you need.

The program will display the location of all files in which it is present. How to change the site code - you already know which file needs to be edited.

If there is no editor on the server, change it on your computer and upload via FTP.

Experiment, shorten or increase the query - everything will be found, but you should not look for dynamically loaded data. Naturally they won't show up.

Styles can also be changed using the browser. We highlighted it, saw the line number, opened the styles file and entered the desired value. Good luck!

Under everyone beautiful images, perfect typography, and wonderfully placed calls to action, the source code of your site is located.

Every day, your browser turns this code into impressive pages for your visitors and clients.

Google and other search engines "read" this code to determine where your web pages should appear in their indexes for a given search query.

Therefore, very great importance For search engine optimization(SEO) has what is in the source code.

This quick guide, will show you how to read your site's source code so you can be confident your SEO is correct and teach you how to check your SEO terms.

We will also consider several other situations where knowledge of how to view and study the main parts source code, will help in other marketing research.

How to view the source code.

The first step in checking your site's source code is to look at the actual source code. Any web browser allows you to do this easily.

Below are the keyboard commands to view the source code of your web page for PC And Mac.

Firefox - CTRL + U (Hold down the CTRL key and press the "U" key) Alternatively, you can go to the "Firefox" menu, then click "Web Developer" and then "Page Source".
Internet Explorer- CTRL + U. Or right-click and select "View Source".
Chrome - CTRL + U. You can click on the image of the key with three horizontal lines in the right top corner. Then click on "Tools" and select "View Source".
Opera - CTRL + U. You can also right-click on a web page and select "View Page Source."

Mac

Safari - combination Option keys+ Command + U. You can also right-click on the web page and select Show Page Source.
Firefox - You can right-click and select " original text"or you can navigate to the "Tools" menu, select "Web Developer", and click "Page Source." Combination Ctrl keys+U.
Chrome - Go to "View", then click "developer" and then "View Source". You can also right-click and select "View Page Source." The keyboard shortcut is Option + Command + U.

Once you know how to view the source code, you should know how to search it.

Typically, the same search features you use when browsing the web normally apply to source searches as well.

The commands CTRL + F (find) will help you quickly view the source code of important SEO elements.

Title tags.

The title tag is the most important element of SEO. This is the most important thing in the source code.

If you're going to take just one thing of value from this article, consider this:

You know these Google results provides when you are looking for something.

All these results are taken from the title tags of the web pages. So if you don't have title tags in your source code, you may not show up in Google (or any other search engine).

Believe it or not, I have actually seen websites without title tags. Let's try to do quick search on Google for the term " Marketing Guides". What we see:

You can see the first search result for the blog KISSmetrics chapter Marketing Guides.

If we follow the link of the first search result and view the source code of the page, we can see the tag in the title:

The title tag is indicated by the opening tag: </b>. and ends with the closing tag: <b></ <i>title</i>> </b>. The title tag is usually located at the top of the source code in the section <b><head> </b>. </i></p> <p>And we can see that the content inside the title tag matches what is used in the Google search result title.</p> <p>But it's not just title tags that are needed to be included in Google search results.</p> <p>Google also identifies words in title tags as important keywords that it believes are relevant to users' searches.</p> <p>So if you want to get a certain web page ranking for a specific topic, then you better make sure that the words that describe the subject are included in the title tag.</p> <p>Exists <a href="https://viws.ru/en/uznat-originalnoe-li-k-nei-vydvigaetsya-celyi-ryad-vazhnyh-kriteriev.html">whole line</a> online resources where you can learn more about how keywords and title tags play an important role in <a href="https://viws.ru/en/lekcii---arhitektura-evm---fail-arhitektura-evm-doc-obshchii-sostav-i.html">overall architecture</a> your site.</p> <p>Here are some important points that will allow you to remember the importance of your Title Tags:</p> <ul><li>Make sure you only have one title tag per web page.</li> <li>Make sure that every web page on your site has its own title tag.</li> <li>Make sure every title tag on your site is unique. Never duplicate the content of a particular title tag.</li> </ul><h3></h3> <p>The next important element at the head of your web page is the meta description tag.</p> <p>This is a 160 character snippet of your content that appears under your title in search engines.</p> <p><img src='https://i1.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>I've seen hundreds of sites that completely ignore this tag.</span><span>It's very easy to find in the source code:</p> <p><img src='https://i1.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>So, check and make sure that this tag is present on all the web pages of your site. More importantly, make sure you don't duplicate it across multiple pages.</p> <p>Duplicate meta description tag is not a penalty for <a href="https://viws.ru/en/kakie-eshche-est-poiskovye-sistemy-poiskovaya-internet-sistema---bing.html">search engine</a>, but this is a very big marketing mistake.</p> <p>Many people ignore the meta description tag, but you really should work on it because it is read by the search engine.</p> <p>Think about how a meta description tag will help attract more visitors and increase targeted conversions to your site.</p> <p>We released <a href="https://viws.ru/en/kak-pravilno-rabotat-v-eksele-chtoby-sozdat-novuyu-knigu.html">new book</a>"Content marketing in <a href="https://viws.ru/en/chto-vklyuchayut-v-sebya-socialnye-seti-socialnye-seti---chto-eto-takoe.html">in social networks</a>: How to get into your subscribers’ heads and make them fall in love with your brand.”</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Subscribe</p> </form> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2017/11/code-3.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>The source code of the site is a combination of HTML markup, CSS styles and <a href="https://viws.ru/en/kak-vstroit-kod-javascript-v-html-stranicu-javascript-pryachem-skript-ot-postoronnih.html">JavaScript scripts</a>, which the browser receives from the web server.</p> <p><span class="YLlDA5uz9EU"></span></p> <p><b>More videos on our channel - learn internet marketing with SEMANTICA</b></p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy loading=lazy></p> <p>It can be compared to a set of commands given to soldiers by a commander. Imagine that the audience does not see or hear the boss. From their point of view, the military carries out actions independently. In our case, the commander is the browser, the commands are the source code, and the marching soldiers are the final result.</p> <p>The site is stored on a web server, which sends the page upon user request. A request is typing a URL in the address bar, clicking a link, or clicking a submit button on a form. It doesn't matter what language the web pages are written in, whether they include <a href="https://viws.ru/en/chast-tachskrina-ne-rabotaet-programmnyi-sboi-kotoryi-privel-k-polomke.html">software part</a>. <a href="https://viws.ru/en/uvelichenie-konversii-fotografii-dolzhny-otobrazhat-konechnyi-rezultat.html">The end result</a> The work of any server algorithm is a set of html tags and text. <br>The page source code is a set of data that includes:</p> <ul><li>html markup;</li> <li>style sheet or file link;</li> <li>programs written in JavaScript or links to files with code.</li> </ul><p>These three sections are processed by the browser. For the server, this is simply the text that needs to be sent in response to the request.</p> <h2>Why we might need to study the source code</h2> <p>Everything we see, we can analyze and apply to solve certain problems that arise while working with the site, especially when optimizing it. By looking at the source code, we can:</p> <ul><li>See the meta tags of your or someone else’s site to analyze them.</li> <li>See the presence or absence of certain elements on the site: counters, identification codes in <a href="https://viws.ru/en/kak-obnovit-sistemu-na-makbuke-obnovlenie-i-pereustanovka-operacionnoi-sistemy-razlichnymi-metodami.html">various systems</a>, certain scripts and other things.</li> <li>Find out the parameters of the elements: sizes, colors, fonts.</li> <li>Find the path to photos and other elements located on the page.</li> <li>Explore links from the page.</li> <li>Find problems with the code that interfere with the process of website optimization: those not addressed in <a href="https://viws.ru/en/zashifrovalis-vse-faily-na-kompyutere-srok-deistviya-shifrovalnogo.html">separate files</a> styles, scripts, invalid code.</li> </ul><p>These are the basic features, but in fact, by being able to read the code, you can learn a lot more about the page.</p> <h2>How to view the source code of a site</h2> <p>It will not be possible to do this completely in the form in which it is posted on the server from the browser. But you can see all the markup by right-clicking on the page. Here and further on <a href="https://viws.ru/en/remarketing---eto-instrument-kontekstnyh-obyavlenii-google-adwords-primery-chto.html">Google example</a> Chrome.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/09ffa0c60f.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Select the “View page code” option and get the full listing in a separate tab.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/11e92d1f09.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>It's just text that you have to analyze to understand. But you can get interactive code using the developer tools.</p> <h2>How to find the source code of a website page</h2> <p>Click on the menu icon in the browser. Most often it is on the right and looks like three dots or stripes.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/712414eef9.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>In chapter <a href="https://viws.ru/en/pochemu-ne-vse-processory-mozhno-razognat-istochniki.html">additional tools</a> select “Developer Tools”.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/48cb60e66c.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>A window will open showing the active state of the code. This means that when you click on the markup, the element style will appear next to it, and the selected blocks will be highlighted on the page.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/b5c5367f08.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>In the “Source” tab you can view the contents of some files: scripts, fonts, images.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/8fb9f8a3b8.png' align="center" width="100%" loading=lazy loading=lazy></p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/3bab1ab266.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>In the “Security” tab, you can check the site’s certificate.</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/6d29a11c3b.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>The “Audits” tab will help you check the resource posted on the hosting.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/1330f57b87.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>If the location of the panel on the right is inconvenient, you can click the three dots and change it by selecting the desired item.</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/7a0e8305f4.png' align="center" width="100%" loading=lazy loading=lazy></p> <h2>How to view meta tags</h2> <p>Every HTML document includes structure tags. Here are some of them:</p> <ol><li>Html – the entire document.</li> <li><span>Head – section of service headers.</span></li> <li><span>Title – page title (displayed on the tab).</span></li> <li><span>Body – the body of the document.</span></li> <li><span>H1-H6 – page text headings.</span></li> <li>Article – article.</li> <li>Section - section.</li> <li>Menu – menu.</li> <li>Div – block.</li> <li>Span – string.</li> <li>P – paragraph.</li> <li>Table – table.</li> </ol><p>Elements are designed to logically delimit sections on a page; if necessary, they are designed using styles. They contain text that is somehow visible on the page. But the Head tag contains service information. Meta tags are used to indicate it. Everything that is written in them is intended for the server and search engines.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/b34bb79f96.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Their contents cannot be found out in any other way.</p> <p>Let's pay attention to the Link tag. With its help, links to external included files are specified. If desired, you can see the contents and save to disk. To do this, move the pointer to the address and press RMB. Select "Open in new Tab".</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/1685995ee1.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>The specified file will open in a new tab, which you can view or save.</p> <h2>How to view the source code of a page to debug a script</h2> <p>In this case, it is most convenient to open the page on <a href="https://viws.ru/en/vmware-workstation-sozdanie-virtualnyh-setevyh-adapterov-i-seti-iz-virtualnyh-mashin.html">local machine</a>. If you only need to correct markup, styles and scripts, then this can be done directly from the folder. The HTML code is viewed in the same way. Here are the mistakes <a href="https://viws.ru/en/takoi-sebe-primer-kak-vstroit-kod-javascript-v-html-stranicu-ishodnyi.html">JavaScript code</a> can be seen in the “Console” tab. This shows the description of the error and the line number where it occurred.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/990abb1c76.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>The syntax can be seen directly in the code. This is what the “Source” tab is for.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/0961303a76.png' align="center" width="100%" loading=lazy loading=lazy></p> <h2>How to view the code of a specific element</h2> <p>For <a href="https://viws.ru/en/mozhno-li-udalit-stranicu-bolshuyu-kak-udalit-stranicu-v-kontakte-kak.html">large pages</a> With <a href="https://viws.ru/en/top-s-samym-bolshim-kolichestvom-prosmotrov-rekordsmeny-youtube-po.html">big amount</a> elements are difficult to find <a href="https://viws.ru/en/zaregistrirovat-ustroistvo-dlya-vosproizvedeniya-divx-zashchishchennogo-zachem-nuzhen.html">required code</a> throughout the markup. In this case, you should use <a href="https://viws.ru/en/vse-4-rublya-s-pomoshchyu-specialnoi-komandy-chto-proishodit-esli.html">special team</a> context menu. Move the mouse over the fragment and press RMB. Select the “View Code” command.</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/296c218cf5.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>The same window will open, but with the focus on the selected object.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/2eb093fc23.png' align="center" width="100%" loading=lazy loading=lazy></p> <h2>Summary</h2> <p>We told you what the page source code is. It is enough to master basic knowledge of HTML and CSS, and using <a href="https://viws.ru/en/kak-sdelat-kopii-draiverov-double-driver-udobnyi-i-moshchnyi-instrument-dlya-rezervirovaniya-i-vosstano.html">convenient tools</a> developer, you can debug your own HTML documents.</p> <p>Viewing resource code on the Internet will allow you to learn not only from <a href="https://viws.ru/en/mozhno-li-zarabotat-v-internete-sposoby-polucheniya-dohoda-ne-vyhodya-iz.html">own experience</a>, but also use real working examples. And for SEO specialists, meta tags will be useful, the information in which can tell a lot about the site.</p> <p>Looking through countless sites on the Internet, you can come across ones that we really like. A number of questions immediately arise. Was the site made using homemade code or some kind of CMS? What are his <a href="https://viws.ru/en/vzveshivaem-selektory-css-prioritety-stilei-v-css.html">CSS styles</a>? What are its meta tags? And so on.</p> <p>There are many tools that can be used to extract information about the code of a website page. But we always have the right mouse button at hand. This is what we will use, using my site as an example.</p> <h2>How to view the page code?</h2> <p>To view the source code of a site page, you need to hover your mouse over any area of the web page (except for images and links). After this, click on the right mouse button. A window with several options will open in front of us (in <a href="https://viws.ru/en/kak-vklyuchit-plagin-java-v-yandeks-brauzere-kak-vklyuchit-java-v.html">different browsers</a> they may differ slightly). In the browser <a href="https://viws.ru/en/kak-ustanovit-rasshireniya-dlya-google-chrome-luchshie-rasshireniya-dlya-google.html">Google Chrome</a>, for example, these are the commands:</p> <ul><li>back;</li> <li>forward;</li> <li>reboot;</li> <li>save as;</li> <li>seal;</li> <li>translate to Russian;</li> <li><b>view page code</b>;</li> <li>view code.</li> </ul><p>We need to click on <b>view page code</b>, and the html code of the site page will open in front of us.</p> <h2>Viewing the page code: what to pay attention to?</h2> <p>So, the Html page code is a numbered list of lines, each of which carries information about how this site is made. To quickly learn to understand this <a href="https://viws.ru/en/chto-predstavlyaet-feisbuk-istoriya-osnovaniya-socialnoi-seti-facebook.html">a huge number</a> signs and <a href="https://viws.ru/en/prikolnye-statusy-iz-simvolov-specialnye-simvoly-dlya-nika-zv-zdochki.html">special characters</a>, you need to distinguish between different sections of the code.</p> <p>For example, lines of code inside the head tag contain information for <a href="https://viws.ru/en/poiskovye-mashiny-i-ih-osobennosti-kachestvo-poiskovoi-mashiny-kak-rabotaet.html">search engines</a> and webmasters. They are not displayed on the site. Here you can see how <a href="https://viws.ru/en/poisk-klyuchevyh-slov-po-teme-chto-takoe-klyuchevye-slova-kakimi-byvayut.html">keywords</a> This page is promoted based on how its title and description are written. You can also find a link here, by clicking on which we will learn about the family <a href="https://viws.ru/en/google-chrome-shrifty-shrift-udivitelnye-znachki-kotorye-ne-otobrazhayutsya-v-chrome.html">google fonts</a> used on the site.</p> <p>If the site is made on <a href="https://viws.ru/en/kak-sozdat-temu-dlya-wordpress-samomu-uroki-s-video-faktov-i-plyusov-cms-wordpress.html">CMS WordPress</a> or Joomla, then it will also be visible here. For example, this area displays information about <a href="https://viws.ru/en/kak-napisat-svoyu-temu-dlya-wordpress-kak-sdelat-dochernyuyu-temu-wordpress-poshagovaya.html">WordPress theme</a> or <a href="https://viws.ru/en/kratkii-obzor-korporativnyh-portalov-shablony-joomla.html">Joomla template</a> site. You can see it by reading the contents of the links highlighted in blue. One link shows a website template.</p> <p>For example:</p> <p><i>//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3</i></p> <p>We will see the CSS font styles of the page. IN <a href="https://viws.ru/en/aifon-4-razblokirovat-kak-tolko-ekstrennyi-pokazyvaet-s-pomoshchyu.html">in this case</a> font used. This can be seen here - font-family: 'Source Sans Pro'.</p> <p>This site is optimized using an SEO plugin <a href="https://viws.ru/en/zagolovki-i-metadannye-yoast-wordpress-seo-nastroit-konsol-poiska-yoast-seo-kak.html">Yoast SEO</a>. This can be seen from this commented section of code:</p> <p><i>This site is optimized with the Yoast SEO plugin v3.4.2 - https://yoast.com/wordpress/plugins/seo/</i></p> <p>All information contained inside <a href="https://viws.ru/en/teg-head-sozdanie-nastroika-i-naznachenie-html-tegi-html-head-body-tegi-kotorye-est.html">body tag</a>, is displayed by the browser on the monitor screen. Here we see the html code of the page, and at the very bottom there is the Yandex Metrics script code. It is surrounded by a commented tag with the text:</p> <p><i>/Yandex.Metrika counter</i></p> <p><img src='https://i0.wp.com/vlad-tver.ru/wp-content/uploads/2016/08/metrika.jpg' width="100%" loading=lazy loading=lazy></p> <h2>Let's sum it up</h2> <p>Having carried out a rather superficial analysis of the code <a href="https://viws.ru/en/kak-zakrepit-domashnyuyu-stranicu-kak-sdelat-glavnuyu-stranicu.html">home page</a> site, we can draw a conclusion about the tools with which this page was made. We saw on it:</p> <ul><li>CMS WordPress;</li> <li>Google font Source Sans Pro;</li> <li>WordPress theme – Sydney;</li> <li>Yoast plugins;</li> <li>Yandex metrics counter.</li> </ul><p>Now the principle of analysis <a href="https://viws.ru/en/zolotoi-cvet-kod-html-cvetovye-kody-v-minecraft.html">html code</a> The site page is quite clear. It is not at all necessary to keep the page you are researching open in the browser. You can save the page code to your computer using the key combinations ctrl+a, ctrl+c, ctrl+v. Paste it into any text editor (preferably Notepad++) and save it with <a href="https://viws.ru/en/chto-takoe-html-html---chto-eto-za-rasshirenie-html-dlya-nachinayushchih-kody-faily-i.html">html extension</a>. Thus, at any time you can study it deeper and find more useful information for yourself.</p> <ul><p>I think that there is no way, maybe, being an experienced hacker, someone is engaged in changing the HTML code on someone else’s page and thereby gaining access to it, but for law-abiding users it is not at all easy to do this, and in general it is not worth it.</p> <p><b>HTML code of the VKontakte page</b> can be changed.</p> <p>But the thing is that you won’t be able to upload the modified Web page to the hosting - you don’t have any access to ftp.</p> <p>And so, you can press the combination <b>Ctrl+U</b>(View page code option). The page code will open, you can copy it into any editor and edit it.</p> <p>You can also press the combination <b>Ctrl+S</b>(Option Save to computer). The web page will download to your hard drive. In this case, in addition to the page itself, all images and scripts that are used on it will be loaded.</p> <p>I advise you to use the convenient html editor Notepad++. After installing it on your computer, select <a href="https://viws.ru/en/kak-nastroit-menyu-pravoi-knopki-myshi-kak-ubrat-lishnie-komandy-iz.html">context menu</a> file, select Edit with Notepad++ and edit everything you need using the editor!</p> <p>Many people use this for various kinds of practical jokes (faking correspondence, increasing the number of subscribers, incoming messages, etc.), as well as for fraudulent purposes.</p><p>First, you go to the page that you are going to change (edit the html code).</p> <p>Next, press the F12 key or immediately move the mouse cursor over the element that you want to change. Next, right-click and in the window that appears, select View element code.</p> <li><ol><li>We go to the page in contact, which we will change.</li> </ol><ol><li>Press F12, hover the mouse over the desired element, right-click and select view element code.</li> </ol><p>Change with the right mouse button, find the item <b>Edit as HTML</b>.</p> <p><img src='https://i2.wp.com/info-4all.ru/images/b1921e66d37530e8a6efb4c800dfe829.jpg' width="100%" loading=lazy loading=lazy></p> <p>The screenshot shows that the avatar has changed.</p> <ol><li>We change the name.</li> </ol><p><img src='https://i2.wp.com/info-4all.ru/images/c967300214e00ba6f128af59bc5c7cd9.jpg' width="100%" loading=lazy loading=lazy></p> <p><img src='https://i1.wp.com/info-4all.ru/images/b178ae42285f3f592916be150f5ac305.jpg' width="100%" loading=lazy loading=lazy></p> <p><img src='https://i2.wp.com/info-4all.ru/images/6f98dc6f8e07bbea5070ca6908393e83.jpg' width="100%" loading=lazy loading=lazy></p> <p>Result.</p> <p><img src='https://i1.wp.com/info-4all.ru/images/b5873665d90cd67279e98e701150bfaf.jpg' width="100%" loading=lazy loading=lazy></p></li> <p>You will not be able to change the VKontakte html code on the VK hosting itself until the company manager hires you as a programmer.</p> <p>But you can view the page code and copy it into the Wordepad editor, from where you will edit the html. To do this, right-click your browser and click View Page Code.</p> <p><b>HTML code</b> this is the most <a href="https://viws.ru/en/illyustrirovannyi-samouchitel-po-php-lichnyi-opyt-kak-dokazatelstvo-yazyk-programmirovaniya-php-gla.html">main language</a> markup for different documents. All files that are written in HTML code have their own extension such as -.html or .htm. <a href="https://viws.ru/en/aipad-prosit-kod-parol-kak-vosstanovit-dannye-akkaunta-apple-id.html">This code</a> can be opened in any of your <a href="https://viws.ru/en/kak-vklyuchit-tekstovyi-redaktor-v-kompyutere-tekstovyi-redaktor-bloknot.html">text editor</a>, and there are also <a href="https://viws.ru/en/skachat-igry-bez-karty-pamyati-kak-ustanovit-prilozheniya-i-igry-na-sd-kartu.html">special applications</a> for webmasters.</p> <p><img src='https://i1.wp.com/info-4all.ru/images/e969c343f0d8883abc73d9327bcd0747.jpg' width="100%" loading=lazy loading=lazy></p> <p>In the browser you need to go to where you want to correct the code, then you need to open the code of the page you need to view. To do this, select a menu item in the browser.</p> <p>And then you can edit it in the editor.</p> <p>The code has been opened, but it is not editable.</p> <p>That's right, you see it in viewing mode.</p> <p>But to edit you need very little, a login and password to access as an administrator of the VKontakte site - but where will you get it?</p> <p>Of course, you can open the source code of the page. And even edit it. But you won’t be able to save it to the server. Only on your own computer.</p> <p>Moreover. Such sites do not consist of <a href="https://viws.ru/en/yazyk-gipertekstovoi-razmetki-html-yazyk-razmetki-gipertekstovyh-stranic.html">HTML pages</a>. They are dynamically laid out according to a template from the database as programmed. Your browser sends a request to the server. It starts there <a href="https://viws.ru/en/phpshell---skript-php-pozvolyayushchii-vypolnyat-na-veb-servere-shell-komandy-kak.html">php script</a>(for example), which collects the necessary data together and gives it to the browser under the guise of HTML. The browser eats this and shows the page as if it originally consisted of the HTML code that the script created for it.</p> <p>Changing the HTML code of a page in a contact is easy.</p> <p>Opening <a href="https://viws.ru/en/dlya-chego-nuzhna-funkciya-sohraneniya-veb-stranicy-getpocket-kak-sohranit-veb.html">desired page</a>. In the browser menu, look for the Show source code item (it may be different). The browser will open the HTML code of the page. Select everything, copy, paste into <a href="https://viws.ru/en/horoshii-redaktor-tekstovyh-dokumentov-luchshie-tekstovye.html">Text Document</a>, and you can change it.</p> <p>Just what will this give you? You won't put it back on the site. The page on the website will remain the same.</p> <p>Is this really possible? This is someone else's site. How can you change the structure of the site? I guess no matter what, unless you hack it</p> </ul> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="comment_box" id="comments"> </div> </div> <div id="sidebar"> <div class="widget widget_nav_menu" id="nav_menu-2"> <div class="menu-mainmenu-container"> <ul id="menu-mainmenu-2" class="menu"> <li class="submenu"><a href="https://viws.ru/en/category/internet/">Internet</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/programs/">Programs</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/instructions/">Instructions</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/browsers/">Browsers</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/communication/">Connection</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">The last notes</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/en/potryasayushchii-microsoft-surface-phone-na-fotografiyah-v-rabotayushchem.html" class="thumb"><img width="95" height="95" src="/uploads/ba5ba1080f14bf4316700e03c9124534.jpg" class="attachment-mini size-mini wp-post-image" alt="Why the Microsoft Surface Phone is doomed to fail Latest news from the section"Экономика"" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/potryasayushchii-microsoft-surface-phone-na-fotografiyah-v-rabotayushchem.html">Why the Microsoft Surface Phone is doomed to fail Latest news from the "Economy" section</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/otzyv-noutbuk-hp-pavilion-g6---otlichno-sluzhit-ne-pervyi-god-hp-pavilion.html" class="thumb"><img width="95" height="95" src="/uploads/865ef8a2af38aff6e7616321228468be.jpg" class="attachment-mini size-mini wp-post-image" alt="HP Pavilion G6 - an inexpensive but high-quality smartphone Battery life" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/otzyv-noutbuk-hp-pavilion-g6---otlichno-sluzhit-ne-pervyi-god-hp-pavilion.html">HP Pavilion G6 - an inexpensive but high-quality smartphone Battery life</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/tehnicheskie-sredstva-informatizacii-v-poslednee-vremya-kompyutery-i-ih.html" class="thumb"><img width="95" height="95" src="/uploads/acff0f6ee757c68575a9f353cad28aa1.jpg" class="attachment-mini size-mini wp-post-image" alt="Recently, computers and their capabilities allow us to create more comfortable living conditions - a smart home" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/tehnicheskie-sredstva-informatizacii-v-poslednee-vremya-kompyutery-i-ih.html">Recently, computers and their capabilities allow us to create more comfortable living conditions - a smart home</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/kak-vosstanovit-sistemu-vosstanovleniya-mac-os-x-sbros-makbuka-do-zavodskih.html" class="thumb"><img width="95" height="95" src="/uploads/0a2f98cea3397280f1bcabcebaf3c838.jpg" class="attachment-mini size-mini wp-post-image" alt="Resetting MacBook to factory settings: options and instructions" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/kak-vosstanovit-sistemu-vosstanovleniya-mac-os-x-sbros-makbuka-do-zavodskih.html">Resetting MacBook to factory settings: options and instructions</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/poryadkovyi-nomer-v-zaprose-1s-funkcii-predstavleniei.html" class="thumb"><img width="95" height="95" src="/uploads/54b7c019ce574d46462773441d3809da.jpg" class="attachment-mini size-mini wp-post-image" alt="View and ViewLink functions" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/poryadkovyi-nomer-v-zaprose-1s-funkcii-predstavleniei.html">View and ViewLink functions</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Popular</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/en/kak-sinhronizirovat-vremya-sbivaetsya-vremya-na-kompyutere.html" class="thumb"><img width="95" height="95" src="/uploads/29f43a4a94fdf1d62d1eaa7b32d8e9f7.jpg" class="attachment-mini size-mini wp-post-image" alt="The time on the computer is lost" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/kak-sinhronizirovat-vremya-sbivaetsya-vremya-na-kompyutere.html">The time on the computer is lost</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/ne-naideno-pravilo-konvertacii-obektov-primer-pravila.html" class="thumb"><img width="95" height="95" src="/uploads/a805ec3e7067f926bc4776652a7e210b.jpg" class="attachment-mini size-mini wp-post-image" alt="Example of an object conversion rule" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/ne-naideno-pravilo-konvertacii-obektov-primer-pravila.html">Example of an object conversion rule</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/ne-udalyayutsya-pomechennye-obekty-v-1s-8-3-buhuchet-info-primer.html" class="thumb"><img width="95" height="95" src="/uploads/e0576d8303384e4d19aca6f6d96d09c0.jpg" class="attachment-mini size-mini wp-post-image" alt="Marked objects are not deleted in 1s 8" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/ne-udalyayutsya-pomechennye-obekty-v-1s-8-3-buhuchet-info-primer.html">Marked objects are not deleted in 1s 8</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">News</div> <div class="business_news"> <div class="news"> <div class="date">2024-05-13 01:37:34</div> <a href="https://viws.ru/en/pechat-shapki-na-kazhdoi-stranice-pechat-skvoznye-stroki-v-excel.html" class="title">Printing continuous lines in Excel</a> </div> <div class="news"> <div class="date">2024-05-13 01:37:34</div> <a href="https://viws.ru/en/openoffice-writer-dlya-nachinayushchih-nachalo-raboty-v-redaktore-sohranenie-i-otkrytie.html" class="title">Getting started in the editor</a> </div> <div class="news"> <div class="date">2024-05-12 01:37:21</div> <a href="https://viws.ru/en/luchshie-znacheniya-dlya-nastroiki-monitora-kak-nastroit-cvet-na.html" class="title">How to adjust color on a computer?</a> </div> <div class="news"> <div class="date">2024-05-11 01:52:33</div> <a href="https://viws.ru/en/dlya-chego-ispolzuyutsya-virtualnye-mashiny-zachem-nuzhny-virtualnye.html" class="title">Why do we need virtual machines?</a> </div> <div class="news"> <div class="date">2024-05-10 01:43:18</div> <a href="https://viws.ru/en/kak-otklyuchit-obnovleniya-na-android-kak-otklyuchit-obnovleniya.html" class="title">How to disable Android updates: applications and system How to disable auto-updates of Android applications on Google Play</a> </div> </div> </div> <div class="widget ai_widget" id="ai_widget-5"> <div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="fixed"> <div class="inner"> <div class="footer_l"> <a href="https://viws.ru/en/" class="logo" style="background:none;">viws.ru</a> <div class="copyright"> <p>viws.ru - All about modern technology. Breakdowns, social networks, internet, viruses</p> <p><span>2024 - All rights reserved</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/en/feedback.html">Contacts</a></li> <li><a href="">About the site</a></li> <li><a href="">Advertising on the website</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/en/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/programs/">Programs</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/instructions/">Instructions</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/browsers/">Browsers</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/en/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/programs/">Programs</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/instructions/">Instructions</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/browsers/">Browsers</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://viws.ru/wp-content/themes/delo/assets/scripts/theme.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ; </script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://viws.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>