• آموزش html
  • تهران کد

آموزش html مقدمه

سپتامبر 16, 2017adminskآموزش html3 دیدگاه

با آموزش html شما توانایی طراحی وب سایت مورد نظرتان را خواهید داشت، در دوره آموزشی html ما شما قادر خواهید بود تمام نکات مربوط به html را فرا بگیرید html بسیار زبان شیرین وساده ای برای فراگیریست از آموزش html لذت ببرید.

معرفی زبان html

اچ تی ام ال زبان نشانه گذاری استاندارد برای طراحی صفحات وب به شمار رفته و مخفف hypertext markup language یا زبان نشانه گذاری ابر متن می‌باشد. زبان html با المنت ها و تگ های مختص خود ساختار ساختمانی صفحه وب را ایجاد می‌نماید و مرورگر های اینترنت با پردازش این تگ ها محتوای صفحه را به کاربر نشان می‌دهد.

به قطعه کد html زیر توجه نمایید.

<!DOCTYPE html>
 <html>
<head>
<meta charset="utf-8"> 
<title>تیتر صفحه</title>
 </head>
 <body>

<h1>عنوان اول من</h1>
<p>پاراگراف اول من</p>

 </body>
</html>

خروجی قطعه کد بالا در یک مرورگر وب:

اموزش html

تگ < DOCTYPE html!> مشخص می‌کند که این یک داکیومنت html 5 است و البته این تگ ضروری نمی‌باشد.

تگ <head> شامل دو تگ باز و بسته می باشد که تمامی تگ ها و کدها بین این دو تگ قرار می گیرند.

تگ <head> مواردی مانند تیتر صفحه توضیحات متای صفحه همچنین اسکریپت های جاوا اسکریپت و سی اس اس را می تواند در خود بگنجاند. توجه نمایید این تگ داراب تگ باز و بسته می‌باشد.

این تگ برای استفاده از زبان فارسی ترجیحا باید درون تگ هد صفحه قرار بگیرد :

<meta charset=”utf-8″>

تگ <title> تیتر صفحه را در خود قرار می هد که باید تیتر صفحه را بین دو تگ باز و بسته آن قرار دهیم.

تگ <body> محتوای اصلی صفحه یا بدنه اصلی سایت ما می باشد و تمام المان های ظاهری صفحه در این تگ قرار می گیرد و شامل دو تگ باز و بسته است.

تگ <h1> یکی از ۶ تگ عنوان می باشد که بزرگترین آنها است برای اینکه یک نوشته را به یک عنوان تبدیل نماییم آنرا بین دو تگ باز و بسته h1 قرار می دهیم.

تگ <p> برای اینکه یک نوشته را به یک پاراگراف تبدیل نماییم آنرا بین دو تگ باز و بسته p قرار می دهیم.

توضیحاتی در مورد تگ ها:

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

<P> تگ پاراگراف باز

</P>  تگ پاراگراف بسته

 

3 دیدگاه. ثبت دیدگاه

تور آفریقا
جولای 29, 2018 3:21 ب.ظ

آموزشاتون خیلی خوب و جامع بود من کل html رو از سایت شما یاد گرفتم

پاسخ
بوکلت دانلود
مارس 14, 2019 1:02 ب.ظ

جالب بود ! با سپاس از سایت خوب تان !

پاسخ
جایینو
آوریل 21, 2019 12:06 ب.ظ

از سایت خوب تان ممنونم ! جالب بود !

پاسخ

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بخش بندی آموزش HTML

  • آموزش html مقدمه
  • شروع کار با HTML در رایانه شخصی
  • مفاهیم پایه‌ای HTML
  • المان های HTML
  • صفت یا اتریبیوت ها در HTML
  • تگ های عنوان در HTML
  • پاراگراف ها در HTML
  • استایل دهی مستقیم به تگ ها
  • فرمت دهی به متن در HTML
  • نقل قول و عناصر استنادی در HTML
  • رنگ ها در html
  • css در HTML
  • لینک ها در HTML
  • عکس ها در HTML
  • جدول ها در HTML
  • لیست ها در html
  • المان های block و inline
  • تگ iframe در html
  • تگ script در HTML
  • تگ head در html
  • صفحه چینی در html
  • HTML واکنشگرا
  • کاراکتر های رزرو شده
  • فرم ها در HTML
  • سایر تگ ها در فرم
  • input type های مختلف در فرم
  • اتریبیوت های فرم
  • ویدیو در HTML
  • پخش صدا در html