/ تایپیک جامع آموزش html 5
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 4 از 4

موضوع: تایپیک جامع آموزش html 5

  1. #1
    paripaykar آنلاین نیست.
    paripaykar
    کاربر سايت
    400نوشته553مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    75
    پسندیده است
    593 پست
    بلاگ
    2 پست
    میزان امتیاز
    562
    No Set

    تایپیک جامع آموزش html 5

    درود
    در این قسمت شما را با HTML 5 آشنا می کنم.
    HTML5 در واقع ترکیبی از HTML, CSS3 , JavaScript می باشد. که استفاده از آن به مفهوم سرغت بهتر، هماهنگی بیشتر، رابط کاربری بهتر، کد کمتر و کار بیشتر (Less Code, More, Work) و امنیت بالای این تکنولژی است.
    *****************
    همانطور که می دانید برای نوشتن دستورات HTML می توانید از برنامه های مختلف واژه پرداز استفاده کنید.
    یکی از راحت ترین این برنامه ها همان NotePad سیستم عامل ویندوز است.

    قبل از این که شروع به ساخت صفحه HTML کنیم باید با یک سری از قوانین که برای ساخت یک صفحه HTML لام است آشنا شویم.
    1- همیشه تگ های HTML را در داخلب <> قرار می دهیم.
    2- بعضی ا تگ ها بعد از باز شدن لازم است که بسته شود.

    حال به سراغ notepad می رویم.
    در خط اول باید اعلام کنیم که می خواهیم HTML5 وارد کنیم. برای این کار عبات <!DOCTYPE html> را وارد می کنیم.
    A برای آغاز کردن ساخت یک صفحه HTML از تگ <html> استفاده می کنیم.
    کد ها را می توانید بصورت پشت سر هم بنویسید اما برای زیبایی و قابل در ک بودن هر تگ را در خط جدا می نویسیم.
    B داخل تگ <head> اطلاعاتی نوشته می شود که در صفحه نمایش داده نمیشود.
    C برای آنکه تیتر صفحه HTML را تعیین کنیم از تگ <title> استفاده می کنیم. در جلود این تگ عبارتی را که می خواهید در قسمت Title bar مرورگر نمایش داده شود را وارد می کنیم. برای بستن تگ مورد نظر از علامت / قبل از عبارت title استفاده می کنیم: </title> در خط بعدی تگ هد را می بندیم. </head>
    D برای اینکه در صفحه اصلی بخواهیم متنی را نمایش دهیم از تگ <body> که به معنی بدنه می باشد استفاده می کنیم. در ادامه متنی را که می خواهیم در صفحه نماتیش داده شود را وارد می کنیم. برای اینکه این صفحه HTML را به پایان برسانیم باید تمامی تگ هایی که باز کردیم را بر اساس اولویت ببندیم. </body> و </html>
    در آخر برنامه نوشته شده را را با فرمت HTML ذخیره می کنیم. برای ذخیره حتما گزینه UTF-8 را انتخاب کنید.
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    نمونه انجام شده پیوست شد

    در این آموزش آموختید:
    - مقدمه
    - تگ <html>
    - تگ <head>
    - تگ <body>
    - ذخیره صفحه HTML

    2 نفر از اعضا پست paripaykar را پسندیده اند


    ویرایش توسط paripaykar : 11-24-2012 در ساعت 01:22 PM

  2. نوين وردپرس تبلیغات شما

  3. #2
    paripaykar آنلاین نیست.
    paripaykar
    کاربر سايت
    400نوشته553مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    75
    پسندیده است
    593 پست
    بلاگ
    2 پست
    میزان امتیاز
    562
    No Set
    در آموزش بعدی می آموزین:
    - مقدمه
    - تگ <p>
    - تگ <br>
    - تگ <wbr>
    - تگ <hr>
    دستور &nbsp;
    - تگ <b> و <i>
    - تگ <pre>
    ایجاد تیتر با استفاده از تگ - تگ <h1> تا <h6> (جدیداً دیده شده که تا <h10> ادامه یافته است)
    - تگ <blockquote>
    - تگ <small>

    کاربر زیر پست paripaykar را پسندیده است:


    ویرایش توسط paripaykar : 11-28-2012 در ساعت 09:53 PM

  4. #3
    paripaykar آنلاین نیست.
    paripaykar
    کاربر سايت
    400نوشته553مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    75
    پسندیده است
    593 پست
    بلاگ
    2 پست
    میزان امتیاز
    562
    No Set
    در این بخش به معرفی یک سری از تگ هایی که در مورد نحوه نمایش متن کاربرد دارند، می پردازیم.
    - گاهی اوقات ممکن است شما می خواهید متن خود ا در یک پاراگراف قرار بدهید، برای این کار از تگ <p> استفاده می کنیم.
    بعد از این تگ متن مورد نظر را وارد می کنیم و آن را با تگ </p> می بندیم.
    - هرگاه بخواهید یک خط به پایین بایید. (همانند عملکرد دکمه Enter در یک ویرایشگر متن) از تگ <br> استفاده از Enter قابل شناسایی نمی باشد به همین دلیل از تگ <br> استفاده می کنیم.
    - فرض می کنیم که یک متن طولانی داریم که در یک خط جا نمی شود. با استفاده از تگ <wbr> به مرورگر اجازه می دهید که به خط پایین بیاید.
    - فرض کنید می خواهید یک بخش را با بخش دیگری به وسیله یک خط جدا کنید برای این که یک خط افقی رسم کنید، از تگ <hr> استفاده می کنیم.
    مشاهده می کنید که یک خط افقی در محل مورد نظر رسم شده است. در صورتی که بخواهید این خط بای مثال 60% عرض صفحه باشد باید از دستور <hr width="60%"> استفاده می کنیم.
    در ادامه دستور &nbsp; را پنج بار می نویسیم تا پنج (فاصله) Space ایجاد شود؛ این تگ نیازی به بستن ندارد.
    - حال به بررسی دو تگ جهت درشت کردن و مورب کردن متن میخواهیم بپردازیم.
    * تگ <br> = حروف درشت (Bold)
    * تگ <i> = حروف مورب (Italic)
    در ادامه دو تگ <b> و <i> را با دو متن مشابه وارد می کنیم. توجه کنید که این دو تگ حتماض باید بسته شوند تا محل پایان آنها مشخص شود.
    - گاهی اوقات ممکن است بخواهید به جای اینکه برای آمدن به خط پایین تگ <br> استفاده کنید. از تگ <pre> استفاده کنید تا هر عبارتی را که تایپ می کنید و دکمه Enter را وارد می کنید برای هر صفحه Html قابل شناسایی باشد و پشت سر هم متن را قرار ندهد. در واقع متن به هر صورتیکه داخل این تگ باشد به همان صورت نیز نمایش داده میشود
    مشاهده می کنید که متن مورد نظر به همان صورت که در برنامه notepad وارد شده است، در صفحه مرورگر به نمایش در آمده است.
    - فرض کنید شما می خواهید برای متن خود یک تیتر قرار دهید. برای این کار شما می توانید از تگ <h1> تا <h6> ، تیتر مورد نظر حود را در سایز های مختلف قرار دهید.
    - حالا فرض کنید شما می خواهید یک نقل قول اضافه کنید. برای این کار از تگ <blockquote> استفاده می کنیم.
    مشاهده می کنید که متنی که به صورت نقل قول وارد کرده ایم با کمی فاصله در صفحه جای گرفته است ولی متنی که به صورت معمولی وارد کرده ایم. به همان صورت معمولی به نمایش در آمده است.
    - با استفاده از تگ <small> شما می توانید یه متن را به صورت کوچک نمایش دهید. مثلا فرض کنید متنی از یک نویسنده معروف را نوشته اید و می خواهید نام او را به صورت کوچک در پایین شعر قرار دهید؛ برای این کار از این تگ استفاد می شود.

    2 نفر از اعضا پست paripaykar را پسندیده اند



  5. #4
    paripaykar آنلاین نیست.
    paripaykar
    کاربر سايت
    400نوشته553مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    75
    پسندیده است
    593 پست
    بلاگ
    2 پست
    میزان امتیاز
    562
    No Set
    در ادامه می آموزید:
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست paripaykar را پسندیده است:



اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

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

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی