چند نكته در باره HTML!
اين نكات كه در اين زير سر خطهاي آن آورده شده نكاتي است مقدماتي كه قبل از هر چيزي بايد آنها را دانست. از اينرو اين نكات را Basics HTML يا همان نكات اوليه HTML ناميده ميشوند.
< >(Brackets):
تمامي HTML tags يا به عبارت ديگر مشخصههاي HTML مثلا جدول(table) يا سرتيتر(title) همگي در داخل < > brackets گنجانده ميشود و هم خود < > و هر چيزي كه در بين آن نوشته شود در صفحه سايت ديده نخواهد شد.
مثال:
<b>اسم من سياوش است.<b/>
و در صفحه سايت فقط اسم من سياوش است. ديده ميشود و بس.
بزرگ و يا كوچك نوشتن حروف كدها(Case Sensitive):
HTML tags حساسيتي به بزرگ يا كوچك نوشتن حروف ندارند يعني اينكه <center> يا اينكه <CENter> يا اينكه <CENTER> بنويسد همگي براي HTML tags يك معني را ميدهد. اما شما نميتوانيد نام فايل(file name) را كه در <" "=scr img> لينك دادهايد بايد كاملا همانطور نوشته شود كه در بايگاني نوشته شده است.
مثال:
<"img scr="pink.gif> با <"img src=" pink.GIF> يكي نيست.
باز و بسته تگها(Opening & Closing Tags):
تقريبا ميشود گفت كه همگي فرمانهاي HTML بجر چند تاي مثل hr يا p يك tag از نوع باز < > در ابتدا و يك tag از نوع بسته < /> در آخر همان فرمان وجود دارد.
مثال:
<center> اين يك tag از نوع باز كه محتواي آن فرمان وسط يا در ميان ميباشد و <center/> نوع بستهاش است.
فرم و يا شكل(Format):
اصولا تمامي فرمانهاي HTML ميبايست يك طرح يا شكل اوليه را بيروي كنند وگرنه بعضي فرمانها درست عمل نميكنند.
طرح يا شكل اوليه به اين صورت ترتيب ميباشد كه در زير ميبينيد.
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Head:
يا عنوان در ميان خود title يا تيتر را دارد كه آن هم فقط شامل معرفي صفحه است.
Title:
يا تيتر صفحه ميباشد كه تعريفي از محتواي صفحه است و نبايد از 64 حرف بيشتر باشد.
Body:
يا بدنه كه در ميان خود قسمت اصلي صفحه را در بر ميگيرد.
تفاوت نمايشگرها(Different Browsers):
بايد توجه داشته باشيد كه تمامي فرمانهاي HTML در دو نمايشگر بيشتر از همه شناخته و مورد استفاده قرار گرفته INTERNET EXPLORE و NETSCAPE كاملا بطور يكسان عمل نميكند البته بايد گفت كه تفاوت بين اين دو در اين خصوص اندك است. در ضمن اگر يك نمايشگر يك فرمان را كه نبذيرد يا اينكه نخواند تنها آن فرمان را نخواهد اجرا كند و بس.
ديدن و مشاهده كردن ماخذ(View/Source):
حتما تا حالا شده كه شما يك صفحه ديده و خواستيد بدانيد كه آن صفحه چگونه ويرايش داده شده. بايد گفت كه براي اين مشكل راه حل سادهاي وجود دارد كه به اين شرح است. با نشان كردن (click) روي گزينه VIEW و بعد از باز شدنش روي DOCUMENT SOURCE يا اينكه SOURCE نشان(click) كنيد. اين عمل باعث باز شدن يك بنچره (WINDOW) ميشود كه كدهاي HTML يا اينكه طريقه ساخته شدن صفحه را بشما نشان خواهد داد.
خط فاصله(Spacing):
HTML رفتن به سر خط جديد با فشار دادن دكمه ENTER را نخواهد بذيرفت و به آن عمل نميكند. براي اين مشكل HTML فرمانهاي خط شكن و فاصله انداز را دارد.
خط شكن(Line Breaks):
<br>
br مخفف كلمه انگليسي breaks است كه در اين خصوص بمعني رفتن به سر خط جديد است و در ضمن br نيازي به tag بسته ندارد.
فاصله انداز(Paragraphs):
<p>
اين tag هم يكي از tag هاي است كه نيازي به داشتن tag بسته يا <p/> ندارد با اين وجود در بعضي صفحات از tag بسته باراگراف <p/> استفاده ميشود.
نوشتن حروف بصورت برنگتر(Bold):
<b>
از اين tag براي نوشتن حروف يررنگ استفاده ميشود و همچنين با <b/> بسته ميشود.
نوشتن حروف بصورت كج(Italics):
<i>
از اين tag براي نوشتن حروف كج يا يك وري شده استفاده ميشود و همچنين با <i/> بسته ميشود.
رسم نمودن خط افقي(Horizontal Lines):
<hr>
از اين tag براي رسم يك خط راست بشكل خوابيده (افقي) استفاده ميشود كه از يك سوي تا آن سوي صفحه امتداد خواهد يافت. اين tag هم نيازي به tag بسته <hr/> ندارد.
اگر شما نيازي به مشخص كردن اندازه طول خط داريد كافي است كه معني طول را به انگليسي(width) در tag خط با ذكر درصد (%) بياوريد. شاخص 100% طول تمام صفحه است.
مثال:
<hr width=50%>
و اگر شما نيازي به مشخص كردن اندازه يهنا يا ضخامت خط را داريد كافي است كه معني اندازه را به انگليسي(size) را در tag خط با اندازه دلخواه بياوريد. شاخص اندازه يهنا Pixel كه مخفف (pictures+element) يعني سازههاي صفحه تصوير(مانيتور) است.
مثال:
<hr width=50% size=10>
و اگر مايليد خط راست در سمت چب يا راست صفحه تصوير قرار دهيد كافي است كه كلمه انگليسي align كه يعني بيوستن بطرف يا چسبيدن بطرف است قرار دهيد. در ضمن اگر align مشخص نشود بطور خودكار خط در وسط قرار خواهد گرفت.
مثال:
<hr width=50% size=10 align=right>
و در آخر اگر ميخواهيد خط راست را تاريكتر يا واضحتر نشان دهيد ميبايست از فرمان noshade كه همان no shade يعني بدون سايه است استفاده شود.
مثال:
<hr width=50% size=10 align=right noshade>
قرار دادن متن و يا تصوير در وسط خط(Center):
<center>
هر نوشته يا چيز ديگري كه در ميان اين tag آورده شود باعث آن ميشود كه نوشته در وسط خط جديدي بنمايش گذاشته شود.
مثال:
<center> اين نوشته در وسط سطر بايين قرار خواهد گرفت. <center/> به اين صورت زير بنمايش گذاشته ميشود.
اين نوشته در وسط سطر بايين قرار خواهد گرفت.
