با آموزش 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 ب.ظ

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

پاسخ

دیدگاهتان را بنویسید

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