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

سلام.امروز با هم یک جلسه آموزشی کوتاه ، خواهیم داشت ، در این جلسه ۴ تگ تازه یاد خواهید گرفت ، همچنین با هم قدری کدها را به صورت ترکیبی استفاده می کنیم تا بهتر با کد های html آشنا شوید.

<center> : [ نیاز به بسته شدن دارد ] برای وسط چین کردن متن از این تگ استفاده می شود. (لازم به ذکر هست که این تگ در وسط چین کردن تصاویر و… هم کاربرد دارد که توصیه نمی شود)

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

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

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

<code> : [ نیاز به بسته شدن دارد ] متن را به حالت کد کامپیوتری را نمایش می دهد.

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

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

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

<blockquote> : [ نیاز به بسته شدن دارد ] از این تگ برای نمایش یک متن یا نوشته به صورت نقل قول استفاده می شود . (این تگ در طراحی قالب بسیار کاربردی است)

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

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

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

خوب حالا ، چند تگ که تا اینجا با هم یاد گرفتیم ، را با هم ترکیب می کنیم تا قدری در کد نویسی ماهر تر شویم.

<p>
  <b>
    <i>
      تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان
    </i>
  <b>
</p>
<p>
    تم دیزاینر
    <br>
    </b>theme-designer.com</b>
    <br>
      <center>
        <u>تم دیزاینر : مرجع خدمات وبمستر برای پارسی زبانان</u>
      </center>
</p>

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



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

تم دیزاینرtheme-designer.com

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

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

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

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

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

  1. سلام. چرا دیگه این مطالب و آموزش ها رو نذاشتین و ادامه ندادین//
    خیلی خوب و عالی هستن و من ازشون استفاده کردم.. اگر مقدوره ادامه بدید و جلسه ۵ رو هم بذارید…..

    خیلی ممنون

  2. سلام و خسته نباشید؛می خواستم در خواست اموزش ویدویی تبدیل قالب های اچ تی ام ال به وبلاگ دهی هارو اموزش دهید ؛ من و داداشم کلی در مورد این اموزش جستجو کردیم ولی چیزی پیدا نکریم و انان امدیم دست به دامنتون بشیم که این اموزشو بدید ؛با تشکر .

  3. ممنون بابت مطالب خوبتون
    این آموزش ها میتونه سرعت یادگیری برنامه نویسی تحت وب رو بالا ببره و برای کسایی که قادر به خوندن ۱ کتاب طولانی نیستن کمک خوبی باشه

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

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

  5. سلام خسته نباشید.ببخشید چگونه میتونیم توی بخش titile که در نوار مرورگر نشان داده میشه یه عکس بذاریم؟ممنون

  6. امیر اشکان چاوشی در جولای 17, 2015 ساعت 12:07 ب.ظ  گفته :

    سلام اقا علی واقعا اموزشتون عالی بود انشا الله هر چه سریع تر مطالب دیگر رو بزارید فقط من یه سوال داشتم. و اونم اینه که شما html و کلا برنامه نویسی صفحات وب رو از کجا یاد گرفتید؟ ممنون میشم اگه پاسخ سوالم رو بدید.

  7. چرا جلسه ۵ شروع نمیشه؟

  8. سلام.جلسه ۵ برگزار نمیشه؟کی وکجا وعده ی دیدار ما!!!۱

  9. سلام جلسه ۵ برگزار نمیشه؟کی و کجا وعده دیدار ما!!!!!

  10. سلام خیلی عالیه.اگه میشه یکم بیشتر توضیحح بدین که تگ blockquote و pre به چه دردی میخورن.ممنون.

  11. سلام خیلی عالیه.اگه میشه یکم بیشتر توضیحح بدین که تگ

    و
    به چه دردی میخورن.ممنون
  12. فقط آقای بهنام فر عزیز آیا آموزشه جلسه ی پنجم رو قرار نمی دید؟؟

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

  14. تولیپا در آوریل 30, 2015 ساعت 8:34 ق.ظ  گفته :

    از آموزش هاتون متشکر خیلی کمک کردن.
    لطفا هر چه زود تر جلسه های دیگه رو هم بزارید.

  15. سلام،
    یعنی چی نیاز به بسته شدن دارد یا ندارد؟

  16. با درود
    آقا جلسه پنجم چی شد؟ کی میاد؟
    در کدی که بالا نوشتید اولین تگ b بسته نشده میشه توضیح بدین. تگ br بین تم دیزاینر و اسم سایت چرا اجرا نشده؟ توضیح بدین. دو طرف اسم سایت دو تگ بسته /b استفاده شده دلیلش چیه؟
    با سپاس

  17. هلند در فوریه 5, 2015 ساعت 2:02 ب.ظ  گفته :

    سلام علی آقای عزیز
    واقعا دستمریزاد داری
    عالی بود..
    مشکل اصلی همین مراحل مقدماتیه که باآموزش شما خیلی از مشکلات مرتفع شد
    انشالله جلسات تخصصی تر همچنان پربار باشه
    یاعلی

  18. faghat ye kalam mishe gof aali va besiyar karbordi
    age emkanesh bood amoozesh haye dige ham bezarid
    ya be soorate jozve gharar bedid
    man khodam avalin nafar mikharam hame jozve hatoon ro
    khoda ghovvat
    movaffagh bashid

  19. سلام دوست عزیز
    جلسه ۵ برگزار نمیشه ؟؟؟؟؟؟؟

  20. سلام واقعا دستدون درد نکنه. اما یه سوال غیر از این درس
    اقا من یه سایت میخوام بزنم با دامنه ir دقیقا مثل این سایت earn1sec.ir میشه هزینه و همه چیزش رو بگید . دقیقا مثل این سایت