close
تبلیغات در اینترنت
آموزش html (جلسه سوم) کار با متون و کلمات
موقعیت شما : آموزش html (جلسه سوم) کار با متون و کلمات
کپی کردن از مطالب ممنوع است
ورود شـمـا را بـه سـایـت خـوش آمـد مـی گـویـیـم.
از موضوعات دیگر هم دیدن کنید
تبلیغات
ads ads
مطالب براساس
مطالب محبوب
مطالب تصادفی
  • آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
    بازدید : 229
    آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
  • آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
    بازدید : 109
    آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
  • آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
    بازدید : 99
    آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
  • معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
    بازدید : 89
    معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
  • پخش آنلاین شبکه های صدا و سیما
    بازدید : 77
    پخش آنلاین شبکه های صدا و سیما
  • آموزش html (جلسه چهارم) سرفصل ها و پاراگراف ها
    بازدید : 73
    آموزش html (جلسه چهارم)  سرفصل ها و پاراگراف ها
  • آموزش html (جلسه سوم) کار با متون و کلمات
    بازدید : 63
    آموزش html (جلسه سوم)  کار با متون و کلمات
  • آموزش html (جلسه اول) مقدمه
    بازدید : 59
    آموزش html (جلسه اول) مقدمه
  • آموزش html (جلسه دوم) اصول نوشتن
    بازدید : 59
    آموزش html (جلسه دوم)  اصول نوشتن
  • معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
    معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
  • آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
    آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
  • آموزش html (جلسه چهارم) سرفصل ها و پاراگراف ها
    آموزش html (جلسه چهارم)  سرفصل ها و پاراگراف ها
  • آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
    آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
  • آموزش html (جلسه سوم) کار با متون و کلمات
    آموزش html (جلسه سوم)  کار با متون و کلمات
  • آموزش html (جلسه دوم) اصول نوشتن
    آموزش html (جلسه دوم)  اصول نوشتن
  • پخش آنلاین شبکه های صدا و سیما
    پخش آنلاین شبکه های صدا و سیما
  • آموزش html (جلسه اول) مقدمه
    آموزش html (جلسه اول) مقدمه
  • آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
    آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
  • آمار سایت
    آمار مطالب
  • کل مطالب : 9
  • کل نظرات : 1
  • آمار کاربران
  • افراد آنلاین : 1
  • تعداد اعضا : 1
  • آمار بازدید
  • بازدید امروز : 11
  • باردید دیروز : 9
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 37
  • بازدید ماه : 174
  • بازدید سال : 2,088
  • بازدید کلی : 3,774
  • آرشیو سایت
  • 1396
  • 1395
  • آموزش html (جلسه سوم)  کار با متون و کلمات

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

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

    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>

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

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

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

    بازدید : 63
    نظرات :
    1 - نظرات اسپم و تبلیغاتی تایید نخواهد شد.
    2 - فقط نظراتی که جنبه عمومی داشته باشند تایید و منتشر می شوند.
    3 - نظرات فینگلیش تایید نخواهند شد.
    4 - لطفا انتقادات و پیشنهادات و همچنین درخواست های خود را از بخش های تماس با ما ارسال نمایید.
    ارسال نظر برای این مطلب
    شما نیز نظری برای این مطلب ارسال نمایید:
    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی