جلسه سوم : اصول کار و تنظیم متن و کلمات در HTML – قسمت اول

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


<br> : [ نیاز به بسته شدن ندارد ] در واقع این تگ ، نقش کلید Enter را در HTML بازی می کند ، وقتی از آن در انتهای یک جمله و یا هر شئ دیگیری در HTML استفاده می کنیم ، تمام نوشته ها و تصاویر و … بعد از این تگ یک سطر پایین تر قرار می گیرند.لازم هست به این نکته مهم اشاره کنم که این تگ نیاز به بسته شدن ندارد و یکی از آن استثنایی هست که در جلسه اول به ان اشاره کردم [ <br> مخفف Line Break است ] (به مثال توجه کنید)

کد بدون تگ <br> :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان

کد همراه با تگ <br> :

تم دیزاینر : <br>
مرجع <br>
خدمات وبمستر برای پارسی زبانان <br>

نتیجه کد بالا :

تم دیزاینر :
مرجع
خدمات وبمستر برای پارسی زبانان


<p> : [ نیاز به بسته شدن دارد ] با این تگ می توانید یک پاراگراف ایجاد کنید.این تگ با فاصله ای که بین پاراگراف و دیگر اجزا صفحه ایجاد می کند ، باعث زیبایی هر چه بیشتر وب سایت خواهد شد برای اثبات این موضوع کافی هست به مثال ها دقت کنید. 😉 [ <p> مخفف paragraph است ] (به مثال توجه کنید)

کد بدون تگ <p> :

تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید .تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید

نتیجه کد بالا :

تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید .تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید

کد همراه با تگ <p> :

<p>
تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید
</p>
<p>
تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید
</p>

نتیجه کد بالا :

تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید

تم دیزاینر به ارئه خدمات رایگـــــــان و اختصاصی طراحی وب سایت و وبلاگ می پردازد.شما می توانید از قالب های رایــــگان ما استفاده کنید و یا این که ســـوالات خود را از بخش نظرات بپرسید و یــــــا از ابزار وب مستر ما استفاده کنید. پس منتظر چه هستید


<b> : [ نیاز به بسته شدن دارد ] باعث ضخیم شدن متن خواهد شد. [ <b> مخفف bold است ] (به مثال توجه کنید)

<b>تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان</b>

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان


<I> : [ نیاز به بسته شدن دارد ] باعث کج شدن حروف می شود. [ <i> مخفف Italic است ] (به مثال توجه کنید)

<i>تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان</i>

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان


<u> : [ نیاز به بسته شدن دارد ] یک خط زیر متن ایجاد می کند. [ <u> مخفف Underline است ] (به مثال توجه کنید)

<u>تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان</u>

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان


<strike> : [ نیاز به بسته شدن دارد ] روی متن یک خط میکشد. (به مثال توجه کنید)

<strike>تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان</strike>

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان


<mark> : [ نیاز به بسته شدن دارد ] متن را هایلایت می کند. [ <mark> مخفف marked/highlighted است ] (به مثال توجه کنید)

تم دیزاینر : مرجع خدمات <mark> وبمستر </mark> برای پارسی زبانان

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان


<small> : [ نیاز به بسته شدن دارد ] متن را نسبت به متن های مشابه کوچک تر می کند. (به مثال توجه کنید)

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان<br>
<small>تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان</small>

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان


<sub> و <sup> : [ نیاز به بسته شدن دارد ] یک کلمه از جمله را به صورت زیرنویس می نویسد ، برای فهم بهتر به مثال دقت کنید. [ <sub> مخفف subscripted است ] [ <sup> مخفف superscripted است ] (به مثال توجه کنید)

تم دیزاینر : مرجع خدمات <sub> وبمستر </sub> برای پارسی زبانان
<br>
تم دیزاینر : مرجع خدمات <sup> وبمستر </sup> برای پارسی زبانان

نتیجه کد بالا :

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان

تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان

پایان جلسه سوم :

سعی کردم تمام موارد کامل و جامع توضیح بدم ، در این جلسه با ۱۰ تگ جدید آشنا شدید ، این موارد رو تمرین کنید و خودتون رو برای جلسه بعد آماده کنید در جلسه بعد با تگ های بیشتری در مورد اصول کار و تنظیم متن و کلمات آشنا خواهید شد.

موفق باشید یا حق / علی بهنام فر

نظرات و دیگر موارد
اگر این قالب را دوست دارید امتیاز دهید :
۱۲۴ دیدگاه نوشته شده است! می توانید دیدگاه خود را بنویسید

  1. خیلی ممنون ازسایت خوبتون وازشما
    میه بگیدکلاچندتاجلسه هس

  2. ممنون دوست عزیز ساده و کاربردی

  3. سلام. جلسه اول و دوم را ازکجا باید ببینم ؟

  4. رضا در مارس 5, 2016 ساعت 3:32 ب.ظ  گفته :

    منتظر جلسات بعدی هستم

  5. سلام
    نرم افزار تحت وب برای وبسایت یا وبلاگ شما طراحی میشود .برای درخواست و سفارش نرم افزار خود به وبسایت نور اسلامی مراجعه کنید
    و در بخش وسط وبسایت به روی بنر نرم افزار نوراسلامی کلید کرده و در بخش نظرات به ما اعلام کنید
    مشخصات لازم:
    نام سایت
    ادرس سایت
    یک بنر۱CM*3CMمخصوص وب خودتون برای گذاشتن در درون نرم افزار
    یک ایکن برای نرم افزار

    برای نمونه میتوانید از نوراسلامی نرم افزار نوراسلامی رو دانلود کنید

    شما میتوانید امکانت دیگر مانند
    جدول لیگ برتر
    جدول بازی های لیگ ایران و جهان
    و… رو داشته باشید

    مبلغ ساخت نرم افزار:۴۰۰۰۰تومان

    به یمن میلاد رسول اکرم تا ۲۲بهمن اگر هر سایتی دو سایت دیگر برای ساخت نرم افزار وبشون اعلام کند خود سایت به صورت رایگان نرم افزارش ساخته خواهد شد

    http://WWW.ISLAMIC-NOOR.R98.IR

  6. طراحی کاتالوگ در آگوست 31, 2015 ساعت 1:34 ب.ظ  گفته :

    مثل همه آموزشا عالی بود

  7. داداش من خیلی وقط پیش از قالب شما استفاده میکردم و توش یه تغییراتی میدادم میخواستم بگم ببخشید

  8. داداش من خیلی وقط پیش از قالب شما استفاده میکردم ومیخواستم بگم ببخشید

  9. سلام
    میشه کمی بیشتر در خصوص توضیح بدین
    دیگه کجا کارایی داره؟
    ممنون از راهنماییتون

  10. ببخشید ی سوال دیگه ؛)
    چرا تگ هایی مثل

    
    
    

    رو نمیشه برای عنوان استفاده کرد ؟
    راهی هس استفاده بشه ؟
    با تچکر 🙂

  11. بی صبرانه منتظر جلسه چهارم هستم.

  12. مصطفی در دسامبر 20, 2014 ساعت 10:28 ق.ظ  گفته :

    فقط همیــــــــــــــن؟؟؟
    یک آموزش جدید بزارید

  13. saeed1234590 در دسامبر 15, 2014 ساعت 3:42 ب.ظ  گفته :

    این جوری کخ نمی شه الن من ۳ ماه هست منتظر این قسمت هستم

  14. لطفا،لطفا،لطفا
    خواهش میکنم ادامه ی آموزش هارو هم بزاریددددد

  15. جلسه بعد رو کی میذارید؟

  16. sasion 4 plzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

  17. saeed1234590 در اکتبر 17, 2014 ساعت 7:52 ق.ظ  گفته :

    لطفا قست چهارم رو بزارید خواهش می کنم تا را خدا