به تهرون 20 رای دهید

.

« آموزش HTML جلسه پنجم: (فارسی نویسی) | جدیدترین ها | آموزش Html جلسه سوم : عناصر(Elements) »

آموزش Html جلسه چهارم: تگ های اصلی (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 موجود است و
همچنين به شناسه ه



 >>   جدید ترینها

  • ایجاد محدودیت زمانی برای استفاده کاربران از ویندوز XP

  • نحوه فعال سازی و استفاده از سرویس های جدید تالیا

  • بوت شدن سریعتر گوشی های دارای سیستم عامل Symbian

  • تکه تکه کردن فایل ها در لینوکس

  • جلوگیری از انتقال اطلاعات به حافظه های فلش

  • 10 کار جالب که احتمالأ با Gmail انجام نمی‌دادید!

  • جلوگیری از انتقال اطلاعات به حافظه های فلش

  • فعال سازی قابلیت Aurora Bootscreen در ویندوز ویستا

  • تنظیماتی برای اجرای بهتر بازی ها در ویندوز

  • ارسال SMS رایگان توسط ایرانسل در مواقع اضطراری!

  •  >>   جستجو


     >> موضوعات

                    Copyright © 2005 - 2007 Tehroon20.com All Rights Reserved