Форум » Справочник: ответы на часто задаваемые вопросы » Как посмотреть HTML-код страницы. Советы новичкам. » Ответить
Как посмотреть HTML-код страницы. Советы новичкам.
С.Кузнецов@Фристайл: Если щёлкнуть правой кнопкой мыши по любой веб-странице — появится так называемое "контекстное меню", один из пунктов которого называется "Просмотр HTML-кода" (в браузерах IE, в других возможно несколько иное название с тем же смыслом). Если выбрать этот пункт, запустится редактор "Блокнот" (или иной текстовый либо HTML-редактор, назначенный по умолчанию для работы с веб-страницами), в котором будет отображён полный HTML-код страницы в таком виде, в каком он загружается в браузер. Далее для примера размещён HTML-код текущей страницы с моими комментариями: <script language='JavaScript'> var raz = new Array ('Прикрепленные темы от модераторов','15', 'Техподдержка','0','Оставь ссылку на свой сайт или форум','4', 'Свободное общение','6','Вопросы к автору скрипта','17','Архив-1', '1','Архив-2','2','Архив-3','3','Технический форум','16', 'Справочник: ответы на часто задаваемые вопросы','10'); Это был массив разделов var raz — перечислены все разделы, имеющиеся на форуме, с присвоенными им ID-номерами, но порядок перечисления соответствует порядку следования заголовков разделов на главной странице форума; лишь текущий раздел всегда отображается здесь последним) var users = new Array ('Telserg','Mari','Чаплин','Rodion','anna', 'Лора Палмер','RenTgeN','case','турболёт-II','С.Кузнецов@Фристайл',''); Это был список присутствующих в данный момент на форуме. var chknam = new Array ('telserg','mari','zanlih','rodion', 'anna','lopanalmep','rentgen', 'case','typdoletii','cky3heuob9pictaql',''); var forum='a'; var filenumber=''; var prof='cky3heuob9pictaql'; var adresat=''; var msgid=''; var work='0'; var pass='*****'; var nick='С.Кузнецов@Фристайл'; var cls=''; var modraz=' 0 1 2 3 4 6 10 15 16 17 '; var ip='212.82.204.15'; var razdel='10'; var lasttime='1140251176'; var noprintrazdel=''; var pay=1; var lang=0; var only_new_re=0; var start_page_re=0; var start=0; var guest=6; var count=4179; var leto=0; var group=3; var timezone=7200; var type=0; var form_new_off=0; var form_re_off=0; var avr_off=0; var servertime=1140256200; var rang=354; var re_on_page=40; var tem_on_page=40; var gb=0; var graf_but_off=0; var gde_form=1; var pod_otvet=0; var gr_edit=1; var gr_bui=0; var gr_mat=1; var gr_sm=0; var gr_gif=0; var gr_avr_send=0; var protektion=2; </script> Были перечислены текущие параметры и настройки форума. Подробная расшифровка будет в соседней теме.
Ответов - 2
С.Кузнецов@Фристайл: С этого места начинается тот текст, который помещается администратором в поле "Настройки — HTML-верх" собственного форума. Вначале идёт "Основной скрипт дизайна" (расшифровка параметров — см. инструкцию администратору на сайте www.fastbb.ru): <script>var diz = new Array ('gif/1','#2b6ebb','#F0F0F0','#E0E4E8', '#F0F0F0','#F0F0F0', '#FFFFFF','#FFFFFF','#2b6ebb','#E0E4E8','','новичок','уже был', 'был не раз','частый гость','постоянный','бывалый','завсегдатай', 'постоянный','почти ветеран','ветеран форума');</script> Теги начала HTML-документа и начала "головы" страницы (где обычно размещается служебная информация для браузера): <HTML> <HEAD> Заголовок окна веб-страницы; обычно отображается только для окна Главной страницы форума, страницы Новых ответов и некоторых других: <TITLE>Форум техподдержки FastBB.ru</TITLE> Служебный мета-тег для браузера. Не меняйте здесь ничего!!! <META content="text/html; charset=windows-1251" http-equiv=Content-Type> Перечень стилей форматирования, применённых в документе (это тоже часть дизайна страницы, подоробное описание — см. в соседней теме): <STYLE> .font1 {COLOR: #000000; font:13px Verdana;} .font2 {COLOR: #000000; font:11px Verdana;} .font3 {COLOR: #000000; font:13px Verdana;} .font4 {COLOR: #000000; font:12px Verdana; font-weight: 700;} .font5 {COLOR: #FFFFFF; font:12px Verdana; font-weight: 700;} .font6 {COLOR: #000000; font:11px Verdana; font-weight: 700;} tr.font5 {HEIGHT: 28px;} input, select, textarea {font:8pt Verdana; } textarea {height:120;width:100%;} a {color: #4F76B3; text-decoration: none} a:hover {color: #4F76B3; text-decoration: none} a:active {color: #4F76B3; text-decoration: none} a:visited {color: #4F76B3; text-decoration: none} .ws {COLOR: #FFFFFF; font:11px Verdana;font-weight: 700;} .me {COLOR: #FFFFFF; font:11px Verdana;font-weight: 700;} .lo {COLOR: #808080; font:25px Times;} .sm {font:11px Verdana;} .rz {font:11px Verdana;line-height:14pt;text-align: justify;} </STYLE> Тег окончания "головы" страницы: </head>
С.Кузнецов@Фристайл: Далее размещается тег НАЧАЛА ТЕЛА ДОКУМЕНТА (<BODY>) со своими параметрами: отступы от краёв страницы margin и стиль с теми же параметрами: <BODY bgColor=#ffffff leftMargin=18 topMargin=18 marginheight="18" marginwidth="18" style="margin:18px;margin-top:18px;margin-bottom:18px;"> С недавних пор, для ускорения работы форумов, исполняемые части движка вынесены в отдельные файлы; они подгружаются браузером отдельно, а здесь располагаются лишь ссылки на них: <script src="js/0/gb_forum.js" type="text/javascript"></script> <script src="js/0/forum.js" type="text/javascript"></script> <script language='JavaScript'> Далее идёт текст сообщений текущей страницы, в соответствующем формате. Ввиду большого объёма блока и неинформативности его для данной темы, я его не привожу здесь, можете посмотреть самостоятельно. Заканчивается HTML-код страницы форума, как и положено правилами HTML, закрывающими тегами завершения ТЕЛА страницы и завершения HTML-документа как такового. </body></html>
полная версия страницы