• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

معرفی HTML 5 : فصل اول – جلسه چهارم (تگ های قالب بندی متون)

8260 ۲۹ دی ۹۲

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

<Mark>  

این تگ جهت هایلایت کردن کلمه ای یا قسمتی از متن استفاده می شود، به طوریکه آن متن یا کلمه با گرفتن پس زمینه ای (به صورت پیشفرض زرد رنگ) یک حالت برجسته و متمایز از مابقی متن می گیرد.

به مثال زیر دقت کنید :

نتیجه در مرورگر :

f1-j4-p1

این تگ معمولا برای علامت زدن کلمات مهم تر در یک متن استفاده می شود. در ضمن شما می توانید با استفاده از css، رنگ زرد را به رنگ دلخواهتان تغییر دهید به طور مثال :

نتیجه در مرورگر :

f1-j4-p2

<time>

اطلاعات تاریخ و زمان، استفاده بسیاری در صفحات وب دارند. به طور مثال در انتهای پست ها جهت نمایش تاریخ انتشار پست. نمایش تقویم در وب و... متاسفانه تا قبل از آمدن html5، استاندارد خاصی برای نمایش اطلاعات تاریخ و زمان وجود نداشت، و طراحان وب هر کس به سلیقه خود از هر تگی استفاده می کرد، به طور مثال از تگ p یا span یا headingها , و یا ...، اما تگ time این مشکل را حل کرده و برای نمایش تاریخ، زمان، و یا تاریخ و زمان با یکدیگر، استفاده می شود.

به طور مثال :

این تگ باعث می شود، راحت تر بتوان بر روی اطلاعاتی از این قبیل کنترل کرد.

<output>

این تگ برای نمایش خروجی توابع جاوا اسکریپت، php و سایر زبان ها  به کار می رود. به طور مثال فرض کنید، یک ماشین حساب با استفاده از جاوااسکریپت نوشته باشیم. تگ نمایش خروجی عملیات ریاضی بایستی تگ output باشد. یا در یک فرم لاگین پس از چک کردن username و password توسط دستورات php،  پیغام خروجی درست بودن یا اشتباه بودن بایستی در تگ output قرار گیرد.

به کد زیر دقت کنید :

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

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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 5 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    رضا ساطع بیدگلی(۲۹ دی ۱۳۹۲)

    ببخشید ایمیل آقا سجاد چیه ؟؟

    • ‏‏
      سجاد دریس(۲ بهمن ۱۳۹۲)

      سلام رضا جان.
      sajad@7learn.com

      • ‏‏
        رضا ساطع بیدگلی(۲ بهمن ۱۳۹۲)

        عزیز ایمیل اصلیتون رو میخواستم

        • ‏‏
          سجاد دریس(۳ بهمن ۱۳۹۲)

          به این آدرس بفرستی به ایمیل اصلیم ارسال میشه…
          ولی مشکلی نیست بفرما:

  • ‏‏
    N a S e R(۳۰ دی ۱۳۹۲)

    ممنون از اموزش خوبتون ❓

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram