جلسه چهارم : اصول کار و تنظیم متن و کلمات در 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, 2017 ساعت 8:04 ق.ظ  گفته :

    لطفا بقیه آموزشها رو هم بذارین، بی نهایت خوب توضیح دادین
    به خوندن و ادامه دادن اموزشهاتون ترغیب میشه خواننده
    ممنون

  3. ایمان در سپتامبر 30, 2016 ساعت 4:53 ب.ظ  گفته :

    سلام من خیلی جاها خوندم ولی یجا به واضهی شما ندیدم خاستم بگم خسته نشید ادامه بدید