کیت وردپرس
کاربر عزیز خوش آمدیدورود ثبت نام
  • آموزش المنتور فارسی
  • آموزش طراحی سایت
  • آموزش سئو
  • افزونه وردپرس
    • افزونه Yoast SEO Premium
  • آموزش های وردپرس
    • آموزش کامل قالب وودمارت
    • آموزش کامل قالب سون
    • آموزش کامل قالب انفولد
    • ساخت حساب کاربری در وردپرس
    • آموزش طراحی سایت دیجی کالا
    • آموزش کامل گوگل کنسول جدید
    • آموزش کامل افزونه Yoast seo
    • آموزش کامل امنیت وردپرس
    • آموزش سئو وردپرس حرفه ای
    • آموزش جامع ووکامرس
    • آموزش افزونه رایگان WP Rocket
    • آموزش وردپرس حرفه ای
  • ساخت فروشگاه اینترنتی حرفه ای
  • درباره کیت وردپرس
    • درباره کیت وردپرس
    • تماس با کیت وردپرس

ورود / ثبت نام

  • آموزش المنتور فارسی
  • آموزش طراحی سایت
  • آموزش سئو
  • افزونه وردپرس
    • افزونه Yoast SEO Premium
  • آموزش های وردپرس
    • آموزش کامل قالب وودمارت
    • آموزش کامل قالب سون
    • آموزش کامل قالب انفولد
    • ساخت حساب کاربری در وردپرس
    • آموزش طراحی سایت دیجی کالا
    • آموزش کامل گوگل کنسول جدید
    • آموزش کامل افزونه Yoast seo
    • آموزش کامل امنیت وردپرس
    • آموزش سئو وردپرس حرفه ای
    • آموزش جامع ووکامرس
    • آموزش افزونه رایگان WP Rocket
    • آموزش وردپرس حرفه ای
  • ساخت فروشگاه اینترنتی حرفه ای
  • درباره کیت وردپرس
    • درباره کیت وردپرس
    • تماس با کیت وردپرس
  • منوی بالا
    • ناحیه کاربری
    • انجمن
    • درگــاه
    • تبلیـغــات
    • سفارش کار
شما اینجا هستید :
  • صفحه اصلی
  • طراحی سایت با وردپرس
  • آموزش اچ تی ام ال(html) به صورت رایگان

آموزش اچ تی ام ال(html) به صورت رایگان

دسته بندی ها: طراحی سایت با وردپرس 3463 بازدید ۲ دیدگاه اسحاق شفایی ۰۱ اسفند ۱۳۹۷
html

آموزش html

html یکی از زبان های پایه ای طراحی وب است که بسیار راحت و پرکاربرد است. این زبان مخفف

Hyper Text Markup Language یعنی ” زبان نشانه گذاری ابر متن ” است. که شما با آن می توانید صفحات استاتیک خود را طراحی کنید. منظور از استاتیک یعنی صفحاتی که ثابت است وپویا نیست به طوری دیگه یعنی

تغییرات در آن به آسانی برای کاربر امکان پذیر نیست. و نیازمند یک برنامه نویس است تا بتواند در صفحات تغییراتی ایجاد نماید. اما صفحات داینامیک صفحاتی هستند که کاربر می تواند به راحتی در آن بدون نیاز به برنامه نویس در صفحه تغییراتی ایجاد کند.

برای یاد گیری html شما نیاز به زمان زیادی ندارید بعد از آشنایی با یکسری از تگ ها به راحتی می توانید کار خود را شروع کنید. در پایین چند مثال ساده قرار می دهیم تا بیشتر درک کنید.

ساختار کلی html مانند تصویر بالا است.

تمام کد های ما باید درون تگ html قرار گرفته شود اولین تگ بعداز html تگ head است که یکی از مهم ترین تگ ها است. تگ title که برای عنوان سایت به کار می رود یا تگ meta که کاربردش رو در فیلم های آموزشی توضیح داده ایم هم داخل این تگ قرار می گیرد.

بعد از تگ اولی نوبت به تگ body می رسد که تمام المان هایی که لازم داریم رو داخل این تگ قرار می هیم همانطور که در تصویر بالا مشاهده می کنید تگ<h1> </h1> برای متن هدر که ۶ تگ دارد و تگ <p></p> برای قرار دادن پاراگراف ها استفاده می شود تمام تگ های html به همین صورت استفاده می شود یعنی بیس کلی آنها به همین شکل است. دیدید که یاد گرفتن html چقدر ساده است.

یه نکته آخری رو که باید بگم این هست که کلا html به صورت تنها کاربردی ندارد و باید با css باهم آموزش ببینید تا با تلفیق این دو بتوانید صفحات زیبای خودتون رو بسازید.

آموزش css رو هم بزودی در سایت قرار می دهیم.

برچسب ها :html آموزش html اچ تی ام ال اموزش اچ تی ام ال
به اشتراک بگذارید :
درباره نویسنده
اسحاق شفایی

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

اسحاق شفایی 150 نوشته در کیت وردپرس دارد . مشاهده تمام نوشته های اسحاق شفایی
نوشته های مشابه
آموزش طراحی سایت شرکتی با وردپرس
آموزش طراحی سایت شرکتی با وردپرس
دیدگاههای کاربران
۲ دیدگاه
    پاسخ
    چت روم
    ۱۳۹۹/۰۷/۱۹ در ۲۲:۳۹

    ممنون از این که مفاهیم کد نویسی با اچ تی ام ال رو یاد میدین و زحمت میکشین

      پاسخ
      اسحاق شفایی
      ۱۳۹۹/۰۷/۲۰ در ۰۸:۰۴

      مرسی

ثبت دیدگاه

    • دیدگاه های ارسال شده توسط شما، پس از تایید توسط تیم مدیریت در وب منتشر خواهد شد.
    • پیام هایی که حاوی تهمت یا افترا باشد منتشر نخواهد شد.
    • پیام هایی که به غیر از زبان فارسی یا غیر مرتبط باشد منتشر نخواهد شد.
برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.


اینستاگرام کیت وردپرس
نوشته های تازه
افزونه ایجاد تب در وردپرس

افزونه ایجاد تب در وردپرس

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

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

۵ نکته انتخاب عنوان جذاب سئو، چگونه عنوان سئو شده بنویسیم؟

۵ نکته انتخاب عنوان جذاب سئو، چگونه عنوان سئو شده بنویسیم؟

الگوریتم های گوگل، معرفی ۸ الگوریتم عمده گوگل که باید بدانید

الگوریتم های گوگل، معرفی ۸ الگوریتم عمده گوگل که باید بدانید

آموزش لینک سازی خارجی، روش لینک سازی خارجی

آموزش لینک سازی خارجی، روش لینک سازی خارجی

آموزش لینک سازی داخلی در وردپرس، استراتژی لینک سازی داخلی

آموزش لینک سازی داخلی در وردپرس، استراتژی لینک سازی داخلی

کانال تلگرام کیت وردپرس
شبکه های اجتماعی
آدرس اینستاگرام کیت وردپرس
جدیدترین محصولات
آموزش طراحی سایت حرفه ای ۰ تا ۱۰۰

آموزش طراحی سایت حرفه ای ۰ تا ۱۰۰

آموزش طراحی سایت دیجی کالا – آموزش ساخت سایت مشابه دیجی کالا

آموزش طراحی سایت دیجی کالا – آموزش ساخت سایت مشابه دیجی کالا

دوره آموزش جامع سئو وردپرس

دوره آموزش جامع سئو وردپرس

نمادهای سایت

لوگوی اینماد

subscribe-icon

اشتراک در خبرنامه ما

و دریافت آخرین اخبار و پیشنهادات

  • طراحی سایت کاشان – طراحی سایت در کاشان
  • حساب کاربری
  • ثبت نام در سایت
  • فراموشی رمز

تمامی حقوق مطالب برای "کیت وردپرس"محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع می باشد.

سایت : کیت وردپرس