آموزش گام به گام html

[shokribahare]

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

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
با توجه به اینکه طراحی وب سایت نیازمند آموزش HTML می باشد در قسمت آموزش Html تمامی تگ ها به صورت کامل توضیح داده شده است.
در این بخش با آموزش html میخواهیم شما را با تگ ها و کاربرد آن ها آشنا کنیم.

منیع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

Html چیست؟
html مخفف عبارت(Hyper TextMarkup Language) می باشد که به معنای زبان نشانه گذاری متن می باشد.این زبان مختص برنامه نویسی می باشد و طراح وب با وارد کردن کدهای مربوطه دستورات خود را به وب وارد می کند و در نهایت ما آن را در مرورگر می بینیم.
در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارند.
شما می توانید تمام دستورات خود را مانند وارد کردن عکس ها،متون،رنگ متون،چپ چین راست چین وسایر مقادیر موردنظر خود را وارد کنید.
توجه داشته باشید که هر کدام از این دستورات بین تگ ابتدایی و انتهایی قرار می گیرد.

منبع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

تگ Html
در این بخش از آموزش Html تگ های Html,Body,Head را به شما آموزش می دهیم.
تگ Html به صورت زوج بوده و بقیه تگ ها داخل تگ Html قرار می گیرند.این تگ بزرگترین تگ موجود می باشد زیرا سایر تگ ها داخل این تگ قرار می گیرند.
تگHead
از این تگ بلافاصله پس از تگ Html استفاده می شود.تگ Head از مهمترین تگ ها می باشد به خاطر داشته باشید که در تگ Head همه ی موارد نوشته شده نمایش داده نمی شود و در این تگ فقط تگ های Base,Link,Meta,Title,Style,Script قابل مشاهده می باشد.
تگBody
تگ Body پس از تگ Head قرار می گیرد.تمامی عکس ها و فونت های به کار برده در این تگ قرار می گیرد.شما می توانید سایز قلم،رنگ قلم و سایر مواردی که در صفحات وب دیده می شود را در این تگ تعیین کنید.
مثال زیر نحوه ی کاربرد تگ های Html,Head,Body را نشان می دهد.

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

منبع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

تگ Title

در این بخش از آموزش Html ، تگ Title را به شما آموزش می دهیم.

متنی که بین تگ Title قرار می گیرد عنوان دیده شده در مرورگر را نمایش می دهد.بهتر است تعداد کاراکتر موجود در این تگ از 15 کاراکتر بیشتر نشود.این تگ به صورت جفت می باشد.(<title></title>)

title

این تگ داخل تگ Head قرار می گیرد.توجه داشته باشید که تگ Title برای موتورهای جستجو گوگل بسیار حائز اهمیت می باشد.توجه داشته باشید که هر سند html فقط می تواند یکبار از تگ title استفاده کند.

مثال زیر کاربرد تگ Title را نشان می دهد.


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


منبع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

تگ Style

در این بخش از آموزش Html ، تگ Style را به شما آموزش می دهیم.

با استفاده از تگ Style خواص و تنظیمات مورد نیاز را برای هر دستور تعیین می کنیم.همچنین تگ style تغییر شکل،ویرایش،افزودن جلوه های مختلف و ... را شامل شود.
این تگ شامل یکسری عناصر می باشد که عبارتنداز:

√تعیین خواص مورد نظر در خاصیت Style در درون تگ عنصر
√تعیین خواص عناصر در تگ Style در بخش Head هر صفحه برای عناصر آن صفحه.
√تعیین خواص از طریق یک تگ Style بیرونی و پیوند آن عنصر به تگ Style .

مثال زیر کاربرد تگ Style را در بخش آموزش html نشان می دهد.


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


منبع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])