1973 ARPANET چهار کامپیوتر را بهم وصل می کند
Tim Berners lee CERN
ARPANET
markup printer
...جمله....
برای اینکه دو چیز بتوانند ارتباط داشته باشند باید یک زبان یا قواعد مشترک داشته باشیم که به آن پروتکل می گویند .
پروتکل انتقال علامت : HTTP
(Hyper TEXT Transferpertocol)
HTML در واقع مجموعه ای از علامتها (tag) برای نشانگذاری متن ها می باشد که البته این تعریف اولیه آن است .
دستورات یا Tag های HTML می تواند شکل متن را به نحو دلخواه نمدیریت کنند با این حالت HTML یک زبان برنامه نویسی نیست بلکه یک زبان علامت گذاری متن به شمار می رود .
مزیت این موضوع در این است که HTML یک زبان ساده است و عیب آن در نداشتن توانایی های یک زبان برنامه نویسی است .
برای رفع این نقیصه از زبانهای برنامه نویسی در HTML استفاده
می شود .
مانند زبان JAVA و Script هایی نظیر - JAVA Script .
SCRIPT خلاصه شده یک زبان است دستورات در هر دو یکی است .
نحوه ایجاد فایل HTML :
در ساده ترین شکل یک فایل HTML در محیط Note pad ایجاد می شود برای این کار از نرم افزار wordpad نمی شود استفاده کرد زیرا word pad متن ورودی را تغییر داده و فرمت می نماید و درواقع یک سری اطلاعات اضافی به فایل اضافه می کند (از محیط Editذ در Dos هم می توانیم استفاده کنیم )سپس به کمک یک نرم افزار مرورگر با Browser می توان HTML را دید .
وظایف Browser ازدیدگاه این مبحث :
1-پرش (jump) از یک فایل HTML به یک فایل HTML دیگر .
2-نمایش فایل HTML
شکل کلی یک فایل HTML به صورت زیر است : شکل کلی یک فایل HTML به صورت زیر است : نباید stagement ها همدیگر را قطع کنند و باید مثل حلقه های for تو در تو باشند .
هر علامت معرف یک Tag ، Html می باشد .
هر تک Html معمولاً بصورت زوج می باشند بجز Tag های منفرد و Tag .
علامت انتها یا scafe رانشان می دهد .
Tag هایی که در داخل یک Tag دیگر وجود دارند Tag های فرزند نام دارند و هرکدام از آنها با هم خواهر و برادر می باشند و Tag اصلی Tag پذیر است .
یک فایل Html با شروع می شود و با به پایان می رسد .
نکته : Tag مفروض X با علامت>× ×/×/ و تشکیل شده ، اطلاعات درون معمولاً توضیحاتی در مورد صفحه Html است مانند تیتر یا Title صفحه Html و یا اینکه نام مولف یا نویسنده Html چیست و keyword های آن صفحه چه می باشد ؟
اطلاعات درون Head معمولاً در Browser نمایش داده نمی شوند به استثنای قسمت Title .
body اصلی ترین قسمت Html بوده و اطلاعات درون آن معمولاً به طور ک/امل نمایش داده می شود .
(به کمک Browser) Browser ها نمایش صفحه Html را بعهده دارند ولی دیدن Source صفحه Html باید به طریق زیر عمل کنیم : بر روی صفحه کلیک راست نموده و گزینه Source View را انتخاب می کنیم ، یا در Internet explorer در گزینه View ، Source را انتخاب می کنیم .
Note pad یک محیط ساده است یعنی ممکن است هر چقدر بنویسیم ادامه یابد و به خط بعد نمی رود .
ضمناً اگر مثلاً سه تا بلنک بگذاریم اجازه نمی دهد و فاصله را یک بلنک میکند .
ما بعد از نوشتن هر برنامه آن را save می کنیم در Save as پسوند TXT است و اشکال نمی گیرد ولی بهتر است برای ذخیره صفحات وب از پسوند Html یا Htm استفاده کنسم برای این کار all files را انتخاب می کنیم و نام فایل و پسوند آن را عوض می کنیم .
صفحه ای که ما درست کردیم در Document My نشان داده می شود .
Title در برنامه اجباری نیست .
اگر در قسمت Document در View ، Source را بزنیم دوباره قسمتی که برای طراحی نوشتیم نشان می دهد .
به کمک Source View در Internet explorer می توان علاوه بر مشاهده محتویات فایل را نیز تغییر داد .
Tag های Html : زیان علامتگذاری Html نسبت به حروف کوچک و بزرگ حساس نمی باشد ولی بهتر است Tag ها را با حروف بزرگ نوشت .
1-strong : برای اینکه بتوانیم یک عبارت را ضخیمتر از حالت معمولی نسان دهیم از استفاده می کنیم .
2-B : معادل قدیمی تر تگ strong تگ است .
تگ Strong به صورت نسبی (یعنی نسبت به بزرگی صفحه نمایش ) متن راضخیم تر نشان می دهد و در واقع درشتنمایی آن یک درشت نمایی منطقی است در صورتی که تگ ضخامت را به صورت مطلق تعریف کرده و در واقع یک روش فیزیکی است .
نکته : تمامی این tag ها را در قسمت قرار می دهیم .
3-EM : تگ بعدی تگ است (emphasis) به معنای تاکید کردن و برای خمیده نشان دادن یک متن بکار می رود .
این Tag یک Tag تغییر حالت متن به صورت نسبی است و بنابراین منطقی می باشد .
4-I : متن قدیمی تر EM است .
این Tag مخفف Italic است و متن را به صورت فیزیکی به حالت خمیده یا مطلق در می آورده .
در فایل Html هیچ اندازه فیزیکی مطلقی تعریف نمی شود چون که اگر مثلاً اندازه یک تصویر را پنج در پنج معرفی کنید برای اندازه مانیتور ما مناسب است و در سیستم مشتری Client ممکن است این میزان مناسب نباشد .
5-P : (پاراگراف) برای پاراگراف بندی کردن یک متن Html می توان از این Tag استفاده کرد .
هر چند بین و قرار گیرد یک پاراگراف خواهد بود که یک سطر خالی بعد از پاراگراف رد خواهد شد .
نکته : هر تغییری که در source برنامه صورت می دهیم می توانیم تغییرات را جواب با استفاده از refresh ببینیم .
6-H1tH6 : از آنجایی که برای Html اندازه خاصی تعیین نمی شود .
برای ایجاد سلسله مراتب ضخامت متن ها از تگهای H6tH1 استفاده می شود ، به این ترتیب که H1 ضخیم ترین فونت را ایجاد می کند و به ترتیب H2 و ...
H6 ضخامت کمتری دارند .
Test H # (H:Head) Tag body : قسمت اصلی Html بوده و کل متن فایل Html داخل آن قرار می گیرد .
از طرفی بعضی از Tag ها مانند تگ body دارای یک سری attribute ، می باشد .
این attribute ها در واقع یک نوع پارامتر برای این تگها است .
در داخل body می توان از attribute ها استفاده کرد یا نکرد .
هر attribute یک شماره منحصر بفرد دارد که باعث می شود ترتیب استفاده از attribute ها را اهمیتی نداشته باشد .
attribute background فرم کلی استفاده از attribute : jpg پسوند فایلهای تصویری است با این پسوند فایلهای تصویری را پیدا می کنیم چنانچه تصویر مورد نظر در دایرکتوری جای باشد نیازی به دادن آدرس آن نمی باشد در صورتیکه اگر در دایرکتوری دیگری از سیستم قرار داشته باشد باید مسیر کامل آن داده شود ، یا می توانیم آن فایل را به صورت My Document انتقال (کپی) دهیم .
چنانچه تصویر کوچکتر از صفحه مانیتور client باشد آن را Tile (به صورت کاشی کاری) نمایش می دهد .
فایل Background باید یک تایل تصویری شامل هر یک از فرمتهای استاندارد باشد که Browser گیرنده آن را support می کند .
by color : (Background color) برای تعیین رنگ پس زمینه متن از این attribute استفاده می شود .
Red green blue R G B 00 ~ ~ 01 ~ ~ 10 ~ ~ 11 ~ ~ : ff ~ ~ سیستم رنگ در Html به صورت RGB می باشد .
(رنگهای روز ) که هر رنگ می تواند یک عدد هگزاد سیمال را به خود بگیرد که این عدد دو رقمی است .
R G B 10 f1 ff رقم 6=2×3 2^×2^×2^=2 میلیون رنگ 00 تا بب کلاً 256 t است یعنی بنابراین برای هر رنگ حالت وجود دارد .
فرم کلی Bycolor به صورت زیر خواهد بود : معادل یک عدد هگزاد سیمان ×× هر ×× معادل یک نور را نشان می دهد .
attribute Text : یکی از attribute های body می باشد .
برای تعیین رنگ متن صفحه استفاده می شود .
سیستم رنگ در آن کاملاً شبیه به Bgcolor می باشد .
attribute های body : 1.Bg color : رنگ متن پس زمینه 2.Background : یک تصویر بصورت پس زمینه 3.TEXT : رنگ متن صفحه 4.link این att برای تعیین رنگ hyper link ها استفاده می شود .
5.A link برای تعیین رنگ لینگ ها در زمانی که بصورت فعال در می آیند استفاده می شود .
(Active link) 6.V link برای تعیین رنگ link های مرور شده استفاده می شود .
* click دو خط بالا click را ایجاد می کند و آن را به رنگ آبی آسمانی نشان می دهد .
(اگر کلیک کنیم روی خودش ) رنگ پیش فرض آبی است .
ff=آبی * click را به رنگ قرمز نشان می دهد و اگر رویش کلیک کنیم صورتی می شود ایجاد لیستها : برای ایجاد لیستها روش کلی وجود دارد : الف-لیست های غیرمرتب یاunordered lists ب-لیست های مرتب یا ordered lists ج-لیست های تعریفی Difinition lists الف - ساختار کلی لیست های غر مرتب به صورت زیر است : Item 1 Item : مثال : my Books operating system pascal Java تگ LI جزء تگهای منفرد یا تک می باشد .
LI مخفف Item List می باشد .
UL مخفف unordered list می باشد .
جواب : Click my Book .
operation system .
pascal .
java ب-لیست های مرتب شده از لحاظ ساختار مثل UL ها هستند با این تفاوت که برای هر یک از Item ها شماره ای را منظور می کند .
ج-برای این که بتوان یک کلمه را به همراه توضیح معمولاً کوتاه راجع به آن در یک لیست قرار داد از لیست های تعریفی استفاده می شود .
فرم کلی این لیست ها به صورت زیر می باشد : ....
....
difinitionterm (DT) ....
definition Description (DD) ....
نکته : تگهای DT و DD جزء تگهای منفرد می باشند و تگ DT حاوی خود آن کلمه ای است که می خواهیم در مورد آن توضیخ دهیم در صورتیکه تگ DD متن توضیحات در مورد کلمه مزبور می باشد .
توضیحات در Html : شکل کلی توصیحات در Html به صورت زیر است که به مانند بسیاری از زبانهای برنامه نویسی که compiler متن داخل Comment راکامپایل نمی کند در Html نیز متن داخل Comment توسط Browse نمایش داده نمی شود .
متن .......!
توضیحات رانشان نمی دهد .
توضیحات - - - - - > خط فاصله بدون شیفت است .
تگ BR (Break) : این تگ به منزله زدن کلید Enter می باشد به این معنی که خط جاری با وارد کردن این تگ به پایان رسیده و محتویات در خط جدید نوشته خواهند شد .
این تگ نیز یک تگ منفردی می باشد .
مثال : This is a test Hello This is a test رادر خط اول و Hello را در خط بعد نشان می دهد .
تگ HR : برای ایجاد یک خط افقی بکار می رود و جزء تگهای تک می باشد .
attribute های آن عبارتند از : 1-align 2-width attribute ، align مربوط به نحوه قرارگیری خط افقی در صفحه می باشد .
مقادیری که این attri می تواند بگیرد عبارتند از : right ، lift و Center .
مثال : att ، width برای تعیین عرض افقی یا پهنا استفاده می شود .
مثلاً چنانچه width یاعرض افقی را 30% و align را left انتخاب می کنیم نتیجه به صورت زیر خواهد : نکته : HR رادر هر کجا قرار دهیم بین خط قبل و بعدی یک خط می کشد .
اگر فقط Align=left باشد و width نباشد فرض می کند که align ، left یا right یا Center باشد زیرا عرض خود به خود 100 % و یک خط به اندازه عرض صفحه کشیده می شود ولی اگر width راهم در نظر بگیریم با توجه به اندازه Align هم فرق می کند .
مقداردهی بهattribute ، width می تواند به شکل درصدی یابه شکل پیکسلها باشد .
مثلاً : width = “200” تگ IMG : یک تگ منفرد بوده و attribute ، Src در آن یک attribute اجباری است .
تگ برای قرار دادن یک تصویر در صفحه Html به صورتی که بتوان آن را از جهات گوناگون مدیریت کرد استفاده می شود .
فرم کلی تگ Image یا به صورت زیر است : سایر att ها مانند width , height و غیره .
در Background تصویر می توانست فقط تمام صفحه را بگیرد یا Tile شود ولی در Image می توانیم تصویر را کوچک یا بزرگ کنیم و یا به جهات مختلف ببریم .
width : برای تعیین عرض تصویر یا پهنای تصویر در صفحه استفاده می شود .
این مقدار می تواند بر حسب درصد یا پیکسل باشد .
height : برای تعیین ارتفاع تصویر به کار می رود و می تواند بر حسب درصد یا پیکسل باشد .
تگهای IMG : Border : برای تعیین حاشیه تصویر از این تگ استفادهمی شود .
(حاشیه سیاه) Hspaee,att : برای تعیین فاصله افقی تصویر با سایر اشیاء یا المانهای صفحه استفاده می شود .
Hspae = “5%” Vspace , att : فاصله عمودی تصویر با المانهای صوفه است .
Vapace = “100%” چنانچه اندازه بر حسب درصد وارد شود درصد مزبور مربوط به تصویر خواهد بود .
Align , att : این attribute ، نحوه قرارگیری تصویر در صفحه را مشخص می نماید .
مقادیری که می تواند بگیرد : Top ، middle ، bottom می باشد .
Top برای قرار گرفتن در بالا ، middle مربوط به قرار گرفتن IMG در کنار سایر متن ها و bottom برای اینکه متن پایین تصویر قرار گیرد استفاده می شود .
* اگر یک عبارت رادر جای دیگری بخواهیم copy یا cut کنیم می توانیم ctrl+Z یا shift+Insert رابزنیم .
* (att) تگ ALT : برای این که بتوانیم دو مشکل و موضوع اساسی را در نمایش تصاویر حل کنیم از این att استفاده می کنیم .
مشکل اول این است که بعضی از تگها مثل تگ لیتک تصویر رانمایش نمی دهند .
مشکل دیگر مربوط به هزینه و زمان صرف شده توسط client برای دریافت تصاویر است .
چنانچه به نحوی بتوانیم دریافت یا عدم دریافت تصاویر را client واگذار کنیم ممکن است در هزینه و زمان وی صرفه جویی شود .
بنابراین تگ ALT برای غیر فعال کردن تصاویر صفحات استفاده شود .
موقعی که عکس کوچک باشد در پهنای باند تاثیری ندارد .
تگ center : هر چیزی که بین و باشد به وسط صفحه منتقل می شود .
Center می تواند در مورد تصویر یا متن یا سایر المانهای صفحه کار کند .
تگ > “نام صفحه” = A herf و قرار دارند به محض اینکه موس بر روی آنها قرار گیرد تبدیل به شکل اشاره دست می شود.
در واقع تمامی این عناصر لینک بر صفحه مقصد اشاره شده در داخل تگ می باشد .
مثال : صفحه My را طراحی می کنیم و به محض رفتن روی کلیک به صفحه M4 می رود .
m3: با کلیک کردن بر روی متن ، تصویر یاپاراگرافی که بین تگهای و قرار گرفته اند ، Browser به سراغ صفحه مقصد رفته و مامور است که در این قسمت آدرس کامل صفحه مزبور نیز نوشته شود .
برای اینکه روی تصویر click شود و به صفحه بعد رود IMG که آدرس صفحه است رابین و قرار دهیم .
اگر یک پاراگراف بین و قرار دهیم با کلیک کردن به پاراگراف می توانیم به صفحه بعد برویم .
طراحی جدول در HTML : یکی از ساختارهای مهم و پرکار در صفحات وب ساختارهای به مانند جدول و امثال آن می باشد جداول معمولاً ارائه کننده یک سری اطلاعات و یا احیاناً بهمراه یک سری تصاویر می باشد .
برای ایحاد یک جدول از تگ table استفاده می شود .
هر table دارای یک سری سطر و ستون می باشد .
ساختار کلی تگ table بصورت زیر است : عنصر اول عنصر دوم عنصر اول عنصر دوم تگ : برای ایجاد یک سطر در جدول از تگ TR استفاده می شود .
تگ : برای تعریف یک عنصر جدول از این تگ استفاده می شود .
مثال : A D C D E جواب : A B C D E نکته : اگر بخواهیم یک خانه جدول را پررنگ تر از عناصر دیگر باشد به جای TD از تگ استفاده می کنیم .
عنصر attribute های تگ table : 1.by color 2.rulers 3-cell padding 4.cell spaecing by color برای رنگ پس زمینه جدول بکار می رود .
برای رسم خطوطی بین عناصر جدول از att ، rules استفاده شود .
مقادیرهای این عبارتند از : 1.all 2.Noun که به ترتیب مقدار Noun باعث عدم نمایش خطوط جدول می شود .
مقدار all تمامی خطوط بین خانه های جدول را رسم می کند .
مقدار cels خطوط بین ستونها و مقدار Rows خطوط پس سطرها را نمایش می دهد .
att ، rules را داخل table می نویسیم .
att ، cell speacing برای تعیین فضای خالی بین خانه های جدول استفاده می شود .
cell padding فاصله بین هر عنصر جدول را با حاشیه آن عنصر تعیین می کند .
برای ایجاد فرمها یا پرسشها در سطح web از این tag استفاده می شود .
در چنین فرمهایی اطلاعات کاربر اعم از نام و نام خانوادگی و جنس و ...
سوال می شود .
همچنین تگ فرم یک تگ زوج می باشد .
در داخل تگ فرم تگی به نام وجود دارد که معمولاً یک تگ تک می باشد .
این تگ فقط می تواند در داخل تگ فرم قرار گیرد .
نکته 1 : فرمها نمی توانند در داخل همدیگر قرار گرفته و تشکیل فرمهای تودرتو را بدهند .
در صورتیکه سایرتگها چنین قابلیتی را داشته باشند .
نکته 2 : by color الف - att-action ب-att-method att ، method برای تعیین روش کار با سرور استفاده می شود .
که معمولاً دو مقدار get و post را دارند .
get برای خواندن از server و post برای هم خواندن و هم نوشتن در server بکار می رود .
action صفحه ای را که اطلاعات به آن صفحه ارسال می شود را تعیین می کند .
att های تگ Input : 1-name 2-Type 3-maxlength name برای نامگذاری تگ Input جاری استفاده می شود .
type برای تعیین نوع tag، Input بکار می رود و یکی از مقادیر زیر را می گیرد : Check Box ، password و TEXT .
CheckBox به نوبه خود می تواند یک حوزن یعنی on یا off باشد .
Maxlength برای تعیین طول کاراکترهای ورودی در تگ Input بکار می رود .
در password برای امنیت بیشتر متن تایپ شده دیده نمی شود .
در صورتی که بخواهیم مقدار تگ Input در حالت check Box از ابتدا تیک خورده باشد باید مقدار زیر را به تایپ آن دهیم : Type = “checkBox” checked Submit : برای ارسال اطلاعات به server مقدار Type را مساوی submit قرار می دهیم .
Type= “submit” مقدار reset برای لود مقادیر اولیه در فرم استفاده می شود .
اگر type TEXT L.
باشد att دیگری باید تعریف کنیم که طول فیلد را بر حسب کاراکتر تعیین می کند .
علاوه بر سایز حداکثر را هم برای این فیلد تعیین کرد که این مقدار max length نامیده می شود .
یعنی مثلاً می گوییم Name یک Input بر حسب TEXT است که مقدار آن 20 و max length آن 40 است .
در واقع Type password تایپی دقیقاً مثل تایپ text است که معمولاً همان مقادیر را دارد .
و تنها تفاوت آن این است که برای تاسیس امنیت کاربرد و برای مخفی کردن آنچه که کاربر تایپ می کند علامت * دیده می شود .
سایز size_Box Radio Box ها گزینه هایی در صفحات وب هستند که در هر لحظه فقط یکی از عناصر آن (عناصر یک Radio box واحد) می تواند در آن واحد انتخاب شود .
برای ایجاد یک Radio Box در داخل تگ Input نوع تگ Input را (تایپ را) تایپ کنید.
فرم کلی بصورت زیر است : A B C اگر Name ها یکی باشد فقط یکی انتخاب می شود ولی اگر مختلف باشد همه انتخاب می شوند .
برای ایجاد یک ناحیه به منظور تایپ کردن از تگ استفاده می شود .
فرم کلی این تگ دارای سه att ، Name ، cels و Rows می باشد ، که در آن Name نشان دهنده نام و cels تعداد ستون ها و Rows تعداد سطر ها می باشد .
برای اینکه بتوانیم مقدار اولیه به تگ Text Area بدهیم از att ، value استفاده می شود .
value = “Initialize Text” لیست های کرکره ای : در برخی از صفحات وب بخشهایی وجود دارد که می تواند با انتخاب یکی از عناصر لیست کرکره ای مقدار مورد نظر (Drop Down List) را بدون اینکه نیاز به تایپ کردن چیزی باشد به Server انتقال داد .
فرم کلی لیست های کرکره ای بصورت زیر است : عنصر اول عنصر دوم عنصر سوم تگ select برای درست کردن خود لیستهای کرکره ای استفاده می شود .
تگ option بین و عنصر مورد نظر را در خود جای می دهد .
در واقع که به ازاء هر عنصر لیست نیاز به یک option داریم .
att های selects : 2.size 1.Name Name عنصر را مشخص می کند و برای تعیین تعداد ردیفهای عنصر از size استفاده می شود .
اگر size=2 باشد دو خانه را یکی در نظر می گیریم .
Att های option : att ، selected برای انتخاب کردن option مورد نظر به عنوان پیش فرض بکار می رود .
disable برای خارج کردن یک گزینه از حالت انتخاب شده کافی است به att ، disable آن مقداری بدهیم .
جلوی selected و disable شماره عناصر مورد نظر یاهر چیز دیگر را می توانیم بنویسیم .
تگ frame : برای اینکه بتوانیم صفحات را به چند فریم (قسمت) تقسیم نمائیم از تگ frame و همچنین تگ frame set استفاده می شود .
تگ frameset تگ اصلی frame بوده و تگ frame معرف یک بخش صفحه می باشد .
تگ frameset یک تگ زوج و frame یک تگ فرد یا منفرد می باشد .
نکته : چنانچه بخواهیم از تگ frameset استفاده کنیم در داخل فایل HTML باید تگ body را حذف نماییم .
att ، cels برای تعیین تعداد ستونها (عرض یک فریم) استفاده می شود .
چنانچه بخواهیم تعداد فریم های عمودی بیش از دو فریم شود باید به cels سه مقدار بدهیم به طور کلی مقادیر با ویرگول از هم جدا می شوند و بهتر است مقدار برحسب درصد بدهیم .
در برورزهایی که نمی توانند تگ frame را تشخیص دهند از تگی بنام noframe استفاده می شود چنانچه Browser ای که تگ frame را support نمی کند به تگ Noframe برخورد کند می توانیم بجای محتویات frame ها ، تگ Noframe را بخوانیم .
Browser (مرورگر) : اصطلاحاً برنامه ای که در روی web به جستجوی صفحات web می پردازد یک مرورگر یاBrowser می گویند .
Browser های مورد استفاده که بطور عام استفاده می شوند عبارتند از : Netscape Navigator Internet explorer (IE) Netscape Navigator محصول شرکت Netscape می باشد و توسط استادی بنام مارک اندرسون در سال 1993 افتتاح شد در واقع اولین مرورگر گرافیکی مورد استفاده آن بود .
یک Netscape اولین مرورگری است که از Javesciript استفاده می کنیم .
IE در سال 98 بهمراه win98 به صورت رایگان ارائه شد .
این برنامه برخی قابلیت های خاص را دارد که فقط توسط شرکت microsoft ساپورت می شود .
version های 4 و 5 پر استفاده ترین version های IE می باشند .
به عنوان مثال یکی از تفاوت های IE و N.N این است که IE از نسخه مایکروسافتی Javascript یعنی از jscript در صورتیکه Netscfe از خود Jave script استفاده می کند .
مثلاً در داخل Noframe قسمتی به صورت زیر وجود دارد : Here we have some frame that your Browser can not be supported .
مقداردهی به att های cels و Rows می تواند به صورت درصدی پیکسلی و یا به صورت مقدار باقی مانده فریم باشد .
مقدار باقیمانده را با ستاره نمایش می دهیم .
40% , * , 25% اگر در تمرین فوق اولی 40 و دومی 25 باشد ستاره نشان دهنده باقی مانده یعنی 25% می باشد .
هریک از فریم ها می توانند مقدار * را بگیرند با این حال فقط به یک فریم می توان مقدار ستاره داد .
به ساختار فوق اصطلاحاً فریم های تودرتو یا Netsed frame می گویند .
به هر تقسیم بندی فریم اصطلاحاً یک سطح یا یک level می گوییم مزایای استفاده از فریم ها اجازه دسترسی کاربر به چند صفحه که آنها را مشاهده می کنیم .
معایب استفاده frame : الف-گاهی اوقات Boarder بین فریم ها حتی پس از خارج شدن از صفحه وب مربوطه باقی می ماند .
ب.بدلیل ساپورت نکردن برخی برورزها در مورد frame ، world wide web استفاده کردن از آنها را توصیه نمی کند .
w.3.C : سازمانی است که استانداردهای جهانی وب را در تمامی زمینه ها از جمله زبانهای استاندارد مربوط به طراحی صفحات وب را تعیین می نماید .
این استاندارد ها بدون حمایت از مرورگر یا شرکت خاصی طراحی می شود و هر شرکت هم در آنجا فقط یک رائی دارد .
گاهی اوقات حجم برخی از صفحات HTML به شدت افزایش می یابد .
مثلاً ممکن است به 50 صفحه برسد .
در چنین مواقعی برای جلوگیری از سردرگمی کاربر چنین صفحاتی را به بخشهای معمولاً مساوی به نام chapter تقسیم می کنیم .
مانند : chapter 1 chapter 2 : Address #C3 چنین روش غالباً در کتابهای الکترونیکی یا E.book ها استفاده می شوند .
برای چنین کاری از تگ A استفاده می شود که درون یک صفحه به مقاصد گوناگون پرش می‌نماید .
بنابراین باید در یک صفحه مقاصد مختلف پرش را تعریف کنیم .
به کمک att ، Name بصورت زیر chapter ها را تعریف می کنیم .
ابتدای صفحه اول : Chapter : : اول صفحه بنوسیم : Refere chapter برای دسترسی به هر chapter پس از تعریف هر chapter (به کمک att ، Name ) با att ، href به آن دسترسی پیدا می کنیم .
نکته : چنانچه بخواهیم به یک صفحه دسترسی پیدا کنیم ولی منظور ما دسترسی به ابتدای صفحه مزبور نباشد می توان مستقیماً به chapter مورد نظر دسترسی پیدا کرد .
مثال : click here for chapter 3 یکی از کاربردهای مشترک chapter ها و فریم ها در صفحاتی به شکل زیر است .
در واقع می توان از نتیجه یک frame بوسیله link در فریم دیگر استفاده نمود .
یعنی با کلیک روی هر Link خود chapter رادر سمت دیگر داشته باشیم .
برای اینکه بتوانیم ترکیبی از فریم ها و chapter ها استفاده کنیم از att ی به نام Target برای تگ استفاده می کنیم .
Target ، att ای است که به آن می گوییم که نتیجه در چه فریمی نمایش داده می شود .
سطح یا Level : به هر تقسیم بندی فریم یک سطح می گویند .
در تگ ، att ، Target به نام فریمی که فریم مقصد می باشد اشاره می کند .
یعنی value تارگت در واقع Name فریم مقصد خواهد بود .
Name Age countryPele 55 BrazilBLONDI 37 U.S.ATison 48 U.S.A