منوی كاربری
 

تبلیغات
 

صفحات سایت
 

لوگوی ما
 

نظرسنجی
 

لینكدونی
 

پیوندها
 

 

تبلیغات

   -----------------------------------------------------------------------------------------------------------------------------------------

 

  » برای سفارش تبلیغات در سایت ارستولز اینجا كلیك كنید.

 

   با یاهو مسنجر با ما در ارتباط باشید , و سوالات خود را با ما در میان بگزارید .

 


 » به خوشنودی اهورا مزدا :

مبحث درس چهارم :

 » درس 4 - شکستن پاراگراف

|--> برای خواندن آموزش درس چهارم روی ادامه مطلب کلیک کنید.

درس 4 - شکستن پاراگراف

 اهداف این درس
 
 1- شناختن تگهایی که ایجاد پاراگراف می کند .
 2- کپی کردن متن از یک صفحه وب و انتقال آن به سند دیگر
 3- شکستن پاراگرافها در سند HTML خود و مشاهده تغییرات
 
 شروع درس :
 
 در درس قبل گفتیم که مرورگر وب شما از تمامی فضاهای خالی که در ویرایشگر در هنگام ایجاد سند وارد نمودید ، چشم پوشی می کند . اما هنگامی که مرورگر تگ زیر را مشاهده کند مجبور به ایجاد یک پاراگراف می شود .
 < p />این تگ باعث ایجاد پاراگراف جدید می شود
 < p > در درسهای بعدی خواهید دید که چرا باید از تگ < p /> نیز استفاده کرد .
 همچنین < br > یک خط خالی ایجاد می کند . بنابراین نیازی نیست که تگ چک شود .
 
 وارد کردن پاراگراف جدید و شکستن خط
 
 1- باز کردن محیط کاری
 2- رفتن به پنجره ویرایشگر متنی
 3- باز کردن سند (lesson1.html)
 4- برای انتقال دادن جملات از موس استفاده کنید .
 شما در این قسمت سایت آموزش از راه دور (Training the web) را دنبال خواهید کرد و در این درس می آموزید که چگونه پاراگراف جدید ایجاد کنید یا فاصله ای ایجاد کنید .
 5- حال به سند html خود باز گردید و این متن را در آنجا انتقال دهید .
 6- تغییرات خود را دخیره کنید .
 7- به مرورگر خود باز گردید .
 8- اگر سند کاری شما باز نیست می توانید از منوی File ، گزینه Open استفاده کنید . (طبق قبل)
 9- پنجره جاری را برای دیدن تغییرات Refresh کنید .
 10- به سند ویرایشگر متنی باز گردید .
 11- دوباره تگهای زیر را به جملات اضافه کنید .
 < h2 / > آموزش از راه دور < h2 >
 شما در این قسمت از سایت آموزش از راه دور را دنبال خواهید کرد . < P > در این درس می آموزید که چگونه یک پاراگراف جدید و فاصله ایجاد کنید .
 12- تغییرات خود را ذخیره کنید .
 13- به مرور گر خود باز گردید و Refresh کنید و نتایج تغییرات را مشاهده کنید.

 

صورتهای دیگر شکستن پاراگراف

از روشهای دیگرایجاد پاراگراف استفاده از خطوط افقی یا تگ hr می باشد .
شما می توانید یک خط راست و مستقیم ایجاد کنید . قالب عمومی html برای ایجاد خط تگ < hr > می باشد .
در آخر تگ < Br > مجبور می شود که متن شکسته شود مانند < p > بدون اینکه نیاز به وارد کردن خط خالی داشته باشید . تگ < br > مانند تگ < p > متن را مجبور به ظاهر شدن در خط جدید می کند . شما از این تگ در هنگام نوشتن اشعار و غیره استفاده می کنید .

مثال

HTMLRESULT
And in the end it was all for naqught < p > < b >the new cheese edict< /b > < Br > later, siv. Longhorn dec lared that all markers of cheese would have to be certified befor commencing productionAnd in the end it was all for naqught

the new cheese edict
later, siv. Longhorn dec lared that all markers of cheese would have to be certified befor commencing production

And in the end it was all for naught < h4 > the new cheese edict < /h4 > later , sir lenghorn . declared that all makers of cheese would have to be certified befor commencing productionAnd in the end it was all for naught

the new cheese edict

later , sir lenghorn . declared that all makers of cheese would have to be certified befor commencing production



مروری بر مطالب


1- تگهای HTML برای شکستن خط و ایجاد پاراگراف چه هستند ؟
2- چه مراحلی را برای ایجاد تگها دنبال خواهید کرد ؟
3- چگونه می توانید تغییرات خود را ببینید ؟

تمرین

از تگهای < Br > , < hr > , < p > در سند خود استفاده کنید .

 منبع : ArasTools.ir

 

 

 

  نوع مطلب : آموزش طراحی وب , نوشته شده توسط ارسطو (مدیر سایت) در ساعت 10:07 ق.ظ



مطالب پیشین

هارپ و اثرات آن آموزش ساخت بازی های دو بعدی حرفه ای و ساده بی نهایت ایمیل برای جیمیل شما ! لوگو شما !!! یکصد سایت ارائه دهنده فضای وب موفق بودن یك وبلاگ یا سایت مجموعه داستان های کوتاه چخوف آموزش ساخت انیمیشن با نرم افزار blender 3D ۱۰۰ ترفند برای ویندوز XP کتابچه آموزش نصب ویندوز xp UEFA Euro 2008 طراحی تم لوگو شما !! قالب آبی ۲ لوگو شما !


 صفحات دیگر سایت

 

 

All Rights Reserved 2006-2007 © by arastools.ir .:. Template Design by ArasToo.Hesami