هر روز ما به سایتهای زیادی نگاه می‌کنیم. ساختمان این سایتها با html تعریف می‌شود که زبانی است برای انتشار اطلاعات در وب. کار مرورگرها ، ترجمه این زبان html است. برای دیدن کدهای پشت یک سایت می‌توانید در منوی مرورگرتان روی view source کلیک کنید.

Html متشکل از تگ‌هایی است ، مثلا تگ‌های A برای لینک و تگ‌های IMG برای عکس.

امروز سایتی دیدم که همین تگ‌ها را به صورت تصویری و گراف درآورده است ، به این ترتیب :

blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

به این ترتیب بسته به میزان استفاده یک سایت از تگ‌های مختلف ، گرافهایی ترسیم می‌شود که تصادفا بسیار زیبا هم هستند. با یک نگاه به گراف‌ها می‌شود ، میزان استفاده یک سایت را از تگ‌های مختلف حدس زد.

مثلا این گراف وبلاگ " یک پزشک" است :

و این گراف سایت  CNN:

این هم گراف گوگل :

برای دیدن گراف سایت یا وبلاگتان به اینجا بروید.

فکر کنم باید جاوا را در مرورگرتان فعال کرده باشید.

نظر Mehdi May 29, 2006 04:34 PM

مثله هميشه عالی بود

نظر سولوژن May 29, 2006 08:35 PM

بامزه بود، ممنون!‌(:
راستی یک سوال ... این برنامه که اجرا می‌شد تمام CPU resource مرا می‌گرفت. روی کامپیوتر و سیستم‌عامل شما هم همین‌طور است؟

نظر امین May 29, 2006 10:47 PM

سایت جالبی معرفی کردین
گراف وبلاگ من هم جالب شده
خیلی ممنون

نظر امير May 30, 2006 11:31 AM

سلام
استفاده كردم از اين مطلبتون

ممنون
يا علي
در پناه خدا باشيد

نظر amin May 31, 2006 04:46 PM

khyli bahal bood

نظر محسن June 1, 2006 11:47 AM

دستت درد نکنه خوب بود

نظر مانی June 1, 2006 01:27 PM

یک فلسفه ای پشت رنگ بندی هاش هست ، استفاده از CSS و استفاده نکردن TABLE ، به تگ های جدول قرمز اختصاص داده و به تگ های DIV رنگ سبز !

نظر SNJOnline June 4, 2006 07:55 AM

خيلي ممنون
مطلب جالبي بود