index   E-mail to me   Google

Basic Tags

    


تگ ها ( tags ) اجزا تشکيل دهنده عناصر يا elements های اچتمل هستند و در اين فصل با عناصر و تگ های پايه و مهم:
<hr> , <br> , <h1> .... <h6> , <!-- comment --> , <p>
آشنا خواهيد شد . يکی از بهترين روش های يادگيری تگ های اچتمل ديدن مثالها و تغيير آنها ميباشد و با کمک اديتور اختصاصی ما و با استفاده از امکانات فارسی نويسی آن به صورت آنلاين ميتوانيد به مطالعه و يادگيری مثالها پرداخته، کدهای اچتمل را تغيير داده و با کليک روی دکمه "نمايش نتايج" به مشاهده نتايج بپردازيد.


سر تيترها (Headings)
سر تيترها با کمک تگ های <h1> تا <h6> تعيين ميشوند. <h1> معرف بزرگترين سر تيتر و <h6> معرف کوچکترين سر تيتر است. مرورگر به هنگام نمايش يک سر تيتر بصورت اتوماتيک يک سطر خالی قبل و بعد از هر سر تيتر اضافه خواهد کرد.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

<h4>This is a heading</h4>

<h5>This is a heading</h5>
<h6>This is a heading</h6>

پاراگرافها (Paragraphs)
پاراگرافها با کمک تگ <p> معرفی ميشوند.مرورگر به هنگام نمايش يک پاراگراف بصورت اتوماتيک يک سطر خالی قبل و بعد از آن اضافه خواهد کرد.
<p>This is a paragraph</p> 
<p>This is another paragraph</p>

سطر جديد (Line Breaks)

برای رفتن سر سطر جديد از تگ <br> استفاده ميشود.در اينجا يک پاراگراف جديد ايجاد نميشود. تگ <br> از نوع تگ های خالی بوده و دارای تگ انتهائی (مثلا <br/> ) نميباشد.

<p>This <br> is a para<br>graph with line breaks</p>

کامنت ها در اچتمل (Comments)

برای نوشتن شرح و توضيحات در مورد کدهای اچتمل بايد از تگ خاصی استفاده کنيد. برای اينکار بايد متن و شرحتان را درون علائم <-- و --!> قرار دهيد. مرور تگ های comment را در نظر نگرفته و محتوی آنها را نمايش نخواهد داد و فقط شرح و توضيحات برای برنامه نويس و ديگر افرادی که احتمالا در آينده با کد اچتمل کار خواهند کرد مفيد خواهد بود. (به محل نويسه "!" توجه کنيد! فقط يکی و آنهم در ابتدا)

<!-- This is a comment -->

چند نکته کاربردی:

توجه داشته باشيد که بدليل وجود مرورگرهای متفاوت (اکسپلورر، نت اسکيپ، ..) و به دليل تفاوت دقت نمايش صفحه نمايش کامپيوترها، صفحات اچتمل با اندکی تفاوت در حالتهای مختلف نمايش داده ميشوند و هميشه سعی کنيد که صفحاتتان را نه تنها با اکسپلورر که معروفترين مرورگر است بلکه با نت اسکيپ و حتی مرورگرهای کامپيوترهای مکينتاش چک کرده و همچنين در دقت های نمايش 800x600 و 1024X768 آن را امتحان کنيد.

از نظر فاصله و سطر بندی، متنی که در صفحه اديتورتان تايپ ميکنيد با چيزی که مرورگر نمايش خواهد داد متفاوت خواهد بود.هميشه به ياد داشته باشيد که فاصله های اضافی (space) و خطهای خالی متن در صفحه اديتور توسط مرورگر در نظر گرفته نشده و نمايش داده نخواهد شد.

برای نمايش بيش از يک فاصله خالی بايد از نويسها يا ترکيب کاراکتری خاصی (None Breaking Space) استفاده کنيد.

فاصله های اضافی بين کلمات در يک متن اچتمل توسط مرورگرها ديده نخواهد شد و در نمايش هميشه تبديل به يک فاصله (space) خواهد شد. در ضمن يک خط خالی در متن اديتور بصورت يک فاصله يا space نمايش داده خواهد شد.

برای ايجاد يک سطر جديد هيچگاه از يک تگ <p> خالی استفاده نکنيد و به جای آن از تگ <br> استفاده کنيد..

مرورگرها به هنگام نمايش بعضی عناصر بصورت اتوماتيک يک سطر خالی قبل و بعد از آن عنصر نمايش خواهند داد. برای نمونه اين گروه از عنصرها ميتوان از پاراگراف (<p>) و سرتيترها (<h..>) نام برد.

تگ <hr> يا Horizontal Roler سبب نمايش يک خط افقی خواهد شد و در واقع بخش های مختلف مطالب اين صفحات با کمک اين تگ از هم جدا شده اند.


تگهای اصلی
در جدول زير عناصر معرفی شده در اين فصل به همراه لينکهای مربوطه جهت مطالعه بيشتر آورده شده است. توجه داشته باشيد که برای هر عنصر فهرستی از شناسه ها يا Attributes موجود است و همچنين به شناسه های کنارگذاشته شده (Deprecated) در نسخه های آينده اچتمل توجه داشته باشيد و سعی کنيد که از آنها استفاده نکنيد.

 

Start Tag

Purpose

 کاربرد

<html>

Defines a html document

 نشان شروع متن اچتمل

<body>

Defines the document's body

 تعيين بدنه و قسمت اصلی صفحه اچتمل

<h1>-<h6>

Defines heading 1 to heading 6

 تعريف سر تيترهای h1 تا h6

<p>

Defines a paragraph

 تعريف پاراگراف

<br>

Inserts a single line break

 رفتن سر خط جديد

<hr>

Defines a horizontal rule

 نمايش خط افقی

<!-->

Defines a comment in the HTML source code

 نوشتن شرح و comment

 

    

 

 

Top page

Backup_ID.htm Best_Google_Search.htm Chat_Rome_Full.htm Firewall1.htm Firewall2.htm Help_Google_For_You.htm Html.htm* Metateg.htm Page_Rank_In_Google.htm Ranking_Internet.htm Search.htm Service_Google.htm Technical_Search.htm Web_Log_1&2.htm Web_Log_3&4.htm Web_Log_5&6.htm Buy_Computer.htm Buy_Mobail.htm Buy_Printers.htm Corner_Timer.htm Dictionary_Computer.htm Media_Pic.htm NTFS.htm Partition_Magic1.htm Partition_Magic2.htm Short_Key_IE.htm Short_Key_Win_Xp.htm Short_Key_Winamp.htm Show_Desktop.htm Sound_Card.htm System_Restore.htm Technologist_Win_XP.htm Introduction.htm Web_HTML.htm Elements.htm Tags.htm Farsi.htm Formatting.htm Characters.htm Links.htm Tables.htm Frames.htm** Lists.htm Forms.htm Images.htm Background.htm Fonts.htm Style_Sheet.htm Ex_Frames_1.htm Ex_Frames_2.htm