جزیره اسرار آمیز دانش
کار در متون و کلمات در اچ تی ام ال

در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:

1-    <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید:

<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b>

مثال بالا به صورت زیر دیده می شود:

متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود

بیایید با تگهای دیگری ادامه دهیم:


2-    زیرخط (Underline):

<u>این متن با زیر خط مشاهده می شود</u>

این هم نتیجه:

این متن با زیر خط مشاهده می شود


3-    حروف کج (Italic):

<i>این متن به صورت مورب دیده می شود</i>

و نتیجه به این صورت است:

این متن به صورت مورب دیده می شود


4-    حروف خط خورده:

<strike>این متن به صورت خط خورده دیده می شود</strike>

متن در مرورگر به این صورت دیده می شود:

این متن به صورت خط خورده دیده می شود


5-    وسط چین:

<center>این متن در وسط خط نوشته می شود</center>

نتیجه کد:

این متن در وسط خط نوشته می شود


شما می توانید بیشتر از یک فرمان را برای یک متن اجرا کنید. مثلاً وقتی که می خواهید متنی به صورت پر رنگ و کج نوشته شود. برای این کار هر دو تگ ابتدایی را برای متن در ابتدای آن و تگهای پایانی را در جایی که می خواهیم پایان پر رنگی و کجی متن باشد قرار می دهیم.

با این مثال توجه کنید:

<b><i>این متن به صورت کج و پر رنگ دیده می شود</i></b>

نتیجه هم به این صورت دیده می شود:

این متن به صورت کج و پر رنگ دیده می شود

آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر، اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید:

<b>
       <i>
            این متن به صورت پر رنگ و کج دیده می شود
        </i>
</b>

اما این روش خسته کننده است. در اینجا مهم نیست تگها به چه صورت باز و بسته شوند. اما نکته مهمی که باید در نظر داشته باشید این است که متنها تحت تأثیر تگهایی که قبل از آنها باز شدهاند و بسته نشده اند قرار می گیرند. تأثیر یک تگ تمام می شود وقتی که تگ بسته شود.

مثال زیر را در نظر داشته باشید:

<b><i><u>این متن پر رنگ، کج و دارای زیرخط است</u></i></b>

این نتیجه را به ما می دهد:

این متن پر رنگ، کج و دارای زیرخط است

اما این یکی:

<u><i><b>این متن پر رنگ، کج و دارای</b></i>زیرخط است</u>

این نتیجه را به ما می دهد:

این متن پر رنگ، کج و دارایزیرخط است

همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.

متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از <CENTER> می توان آنها را در وسط صفحه به نمایش در آورد. این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه کنید:

<center><b><i>به این مثال توجه کنید</i></b></center>

و این هم نتیجه آن:

به این مثال توجه کنید

شما با تمرین این بخش می توانید آمادگی ورود به درس بعد که در مورد سرفصل، پاراگراف، و خطوط است را به دست آورید.

مشاهده آموزش بقیه مطالب اچ تی ام ال


http://8tom.parsiblog.com/PhotoAlbum/dars2/10e9328c176de902f34269074578f82d.gif

  نوشته شده در روز شنبه 89/3/8  ، تعداد


مطالب طلایی - کلیک کنید

آمــار سایت

بازدیــــد امـــــروز : 84
بازدیــــــــد دیـــــــــروز : 548
بازدیـــــــــد کــــــــــل : 6954936
تعـــــداد یادداشت هـــــــا : 3245
منوی اصلی

صفحـه اول سایـت

ساخت فروشگـاه اینترنتـــی

وبلاگ بسازید و کسب درآمد کنید

سایت عکس های متحـرک 

نظرات و پیشنهادات

فهرست موضوعی یادداشت ها

:.: مهــارت آمــوزی :.:
مقالات، تحقیق و پژوهش هـا
ترفند، ایده ها و مطالب کاربردی
اطلاعات عمومی و دانستنی ها
سرگرمی ها و ساخت کاردستـی
:.: آموزش مجازی :.:
جزوه هــای درسی و درسنامـه
نرم افـزارها و محتوای آموزشی
جشنواره ها و پژوه دانش آموزی
پیک دانش آموزی و تکلیف درسی
:.: پاورپــوینت هـا :.:
پاورپوینت درسی دوره دبستان
پاورپوینت های دوره اول متوسطه
پاورپوینت های دوره دوم متوسطه
پاورپوینت و اسلاید های آموزشی
:.: گـروه مخاطبین :.:
معلمان و کادر دفتری مدارس
گروه های درسی و صاحب نظران
والدین دانش آموزان و مشاوران
دانش آموزان مدرسه و فراگیران
:.: نمونه سوالات :.:
آزمون و سوال های دوره ابتدایی
آزمون و سوال دوره اول متوسطه
آزمـون و سوال دوره دوم متوسطه
سوال های متفرقه و آزمون ورودی
:.: بانک طرح درس :.:
طرح درس های ناب دوره ابتدایی
طرح درس های دوره متوسطه اول
طرح درس های دوره متوسطه دوم
طرح درس های عمومی و مشترک
:.: هنرهای معلمی :.:
درس و اقدام پژوهـی ، کارآموزی
برنامه، چک لیست و نمون برگ ها
روش تدریس و سناریوی آموزشی
راهنمای تدریس و گزارش تخصصی
:.: پایــه تحصیلـی :.:
پایه اول ، دوم و سوم ابتدایی
چهارم ، پنجم و ششم ابتدایـی
هفتم ، هشتم و نهم متوسطـه
دهم،یازدهم و دوازدهم متوسطه
لیست آخرین مطالب

پاورپوینت درس دوازدهم سخن آسمانی هدیه سوم دبستان
پاورپوینت درس یازدهم عید مسلمانان هدیه سوم دبستان
پاورپوینت درس دهم ماه مهمانی خدا هدیه سوم دبستان
پاورپوینت درس نهم گفتگو با خدا هدیه سوم دبستان
درس های شانزدهم و هفدهم هدیه های آسمان ششم دبستان به صورت پاورپو
فایل کامل هدیه های آسمان ششم ابتدایی به صورت پاورپوینت
درسنامه و نکات مهم علوم تجربی چهارم دبستان | درس سنگ ها
سوال و جواب علوم تجربی چهارم دبستان | درس سنگ ها
راهنمای تدریس علوم تجربی چهارم دبستان | درس سنگ ها
تحقیق درسی در مورد معجزات حضرت موسی (ع)
طرح درس تناسب ریاضی پنجم
پاورپوینت ریاضی کلاس پنجم درس درصد
تحقیق در مورد عنصر و جدول تناوبی
درس نامه علوم چهارم، درس بدن ما 1
کامل ترین برنامه سالانه بر اساس طرح تدبیر
[همه عناوین(3816)][عناوین آرشیوشده]

http://www.parsiblog.com/PhotoAlbum/riazi/6af5e218c7b634c3d7afd741834f59d2.jpg