Как смотреть исходный код страницы

Просмотр страниц в браузере организован таким образом: программа отправляет запрос на сервер, указанный в ссылке, а в ответ получает набор «запчастей» и инструкцию по сборке. Запчасти - это изображения, флэш-элементы, звуковые и др. файлы, а инструкции по правильному их размещению в странице, расцвечиванию ее фона, использованию определенных гарнитур и размеров шрифтов и т.д. содержатся в исходном коде страницы. Пользователь браузера может увидеть и сам этот код, а не только собранную по его инструкциям страницу.

Инструкция

1. Современные браузеры имеют встроенные функции просмотра исходного кода страницы. Например, в Opera чтобы активировать эту опцию кликните свободное от картинок, ссылок и других элементов пространство открытой страницы сайта и в выпавшем контекстном меню выберите пункт «Исходный код». Браузер откроет исходник в отдельной вкладке, раскрасив в три цвета строки, относящиеся к HTML-тегам, скриптам и обычному тексту.
2. Аналогичные пункты, но сформулированные немного по-другому, есть в контекстном меню и других браузеров. Например, в Google Chrome этот пункт назван «Просмотр кода страницы», в Mozilla Firefox выбирайте строку «Исходный код страницы», а интернет-обозревателе Internet Explorer - «Просмотр HTML-кода». Цветовое оформление кода тоже будет немного различаться в разных приложениях.
3. В браузере Google Chrome есть значительно более продвинутая опция просмотра исходников. Чтобы ее задействовать, в том же контекстном меню выберите пункт «Просмотр кода элемента». После этого вкладка с открытой веб-страницей разделится на два фрейма - в верхнем останется ее внешний вид, а в нижнем появится подробнейшая информация, собранная не только из тегов исходного кода, но и из подключаемых файлов CSS-стилей. Можно выделять строки исходника в нижнем фрейме, и браузер будет подсвечивать в верхнем те области страницы, которые формируются этими строками. Точно так же выбор какого-либо элемента в верхнем фрейме вызовет отображение в нижнем относящегося к этому элементу кода.
4. Если страница сохранена на жесткий диск компьютера, файл можно открыть любым текстовым редактором - исходный код записан в нее как обычный текст. Просто перетащите этот файл в окно запущенного «Блокнота», Word или любого другого приложения этого рода. С помощью обычного редактора исходный код можно не только просматривать, но и редактировать.