Запустіть браузер Opera.

Зайдіть на сайт, HTML-код якого ви бажаєте переглянути. Відчиніть на ньому ту чи іншу сторінки.

Якщо використовується сучасна версія браузера Opera, натисніть на червону кнопку з білою літерою O, розташовану в лівому верхньому кутку. З`явиться меню. У старих версіях браузера, а також в разі, якщо в сучасній версії обраний класичний вид, меню і так вже є у верхній частині екрану.

Незавісісмо від того, яким саме чином ви викликали меню, виберіть у ньому пункт під назвою «Вид».

У підменю виберіть пункт «Вихідний код».

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

Пам`ятайте, що:
- відправити модифікований вихідний код на сервер неможливо;
- відображається тільки HTML-код сторінки, а побачити вміст скриптів «движка» сайту (зокрема, на мові PHP) також неможливо;
- чинне законодавство не допускає використання фрагментів коду чужих сторінок, які є оригінальними та створеними в результаті творчої діяльності (наприклад, Java-скриптів), на інших сайтах без дозволу авторів цих фрагментів.

При бажанні, знайдіть аналогічні за призначенням пункти меню у всіх інших браузерах, наявних на вашому комп`ютері. Порівняйте вихідний код однієї і тієї ж сторінки при відкриванні її іншими браузерами. Можливо, він буде трохи відрізнятися. Пов`язано це з тим, що деякі сервери, отримавши інформацію про використовуваному браузері, злегка змінюють код автоматично генерується сторінки. Раніше це нерідко навмисно робилося для того, щоб погіршити сумісність сайту з різними браузерами, а сьогодні - в основному, щоб, навпаки, її поліпшити.

Сучасні браузери мають вбудовані функції перегляду вихідного коду сторінки. Наприклад, в Opera щоб активувати цю опцію клікніть вільний від картинок, посилань і інших елементів простір відкритої сторінки сайту і у випадаючому контекстному меню виберіть пункт «Вихідний код». Браузер відкриє исходник в окремій вкладці, розфарбувавши в три кольори рядки, які стосуються HTML-тегами, скриптів і звичайного тексту.

Аналогічні пункти, але сформульовані трохи по-іншому, є в контекстному меню та інших браузерів. Наприклад, в Google Chrome цей пункт названий «Переглянути джерело сторінки», в Mozilla Firefox вибирайте рядок «Вихідний код сторінки», а інтернет-браузері Internet Explorer - «Перегляд HTML-коду». Кольорове оформлення коду теж буде трохи відрізнятися в різних додатках.

У браузері Google Chrome є значно більш просунута опція перегляду початкових кодів. Щоб її задіяти, в тому ж контекстному меню виберіть пункт «Перегляд коду елемента». Після цього вкладка з відкритою веб-сторінкою розділиться на два фрейми - в верхньому залишиться її зовнішній вигляд, а в нижньому з`явиться докладна інформація, зібрана не тільки з тегів вихідного коду, але і з підключаються файлів CSS-стилів. Можна виділяти рядки исходника в нижньому фреймі, і браузер буде підсвічувати у верхньому ті області сторінки, які формуються цими рядками. Точно так же вибір будь-якого елементу в верхньому фреймі викличе відображення в нижньому відноситься до цього елементу коду.

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