همانطور که در قسمت قبل توضیحاتی درباره  طراحی سایت و وبلاگ دادیم این قسمت میخوایم قسمت اول طراحی با زبان 
html رو شروع کنیم ویکی یکی تگ های html رو یاد بگیریم .
سعی میکنم کوتاه و روان توضیح بدم .
اگه مشکل یا ایرادی یا سوالی بود در خدمتم .

بخش نظرات

خب اول از همه html چی هست ؟

What is it Html>lionprogram.blog.ir
html مخفف : Hyper Text Marckup language
همانطور که از اسمش مشخصه زبان برنامه نویسی نیستش و یه زبان Marckup یعنی نشانه گذاری هستش به جهت استفاده و ترجمه مرورگر کاربر.
درحقیقت ما تگ های html رو داخل یه فایل تکست با فرمت html مینویسم مثل: 
lionprogram.html 
یا 
lionprogram.html
یا ...
و سپس اونو داخل فضای هاست مون آپلودش میکنیم .

هاست چیست؟

وقتی کاربر وارد سایت یا ویلاگ بشه اون فایل به مرورگر کاربر فرستاده میشه 
و مرورگر اونو میخونه و برای شما شکل و بدنه سایت رو میسازه.
مثلا شما یک سایت رو همانند بدن یا یک ساختمان در نظر بگیرید.
Html اون استخوان های بدن یا تیر آهن های ساختمان اسکلتی هست.
شروع ساخت یک فایل html:
برای اینکار یک فایل متنی ساده در کامپیوتر یا موبایل تون درست کنید مثلا:
New Text Document.txt
بعد بجای txt پسوند html رو جایگذینش کنید.میشه این:
New Text Document.html
به این سادگی :)
حالا اون فایل رو روش کلیک کنید یا در موبایل روی فایل لمس طولانی کنید و با یک ادیتور متن بازش کنید.
بحث ادیتور شد یادم افتاد که اول کار از ادیتور های پیشرفته استفاده نکنید تا دستتون به تایپ کردن عادت کنه چون ادیتور های پیشرفته مثل:

  • Visual studio
  • sublime
  • Atome
  • php storm
  • Notepad++
  • Rapid php

ابزار تکمیل کد دارن که یا نوشتن اولین حرف کد اونو تکمیل میکنن و این باعث تنبلی تون میشه و بهتره از نوت پد ساده استفاده کنید.

نکته : نوشتن کد و تگ اولا نیاز به حوصله و صبر و علاقه داره و دوما اگه مبتدی باشید و دستی تو کار نداشته باشید همه چیز براتون سوال پیش میاد که چرا اینطوریه؟
برای اولین مورد که من نمیتونم کاری بکنم .

برای دومین مورد هم اشکالی نداره سعی کنید این سوالارو یه جا بنویسد یا برایمن ارسال کنید تا جوابشون بدم یا اینکه بعدا به جوابشون خودتون میرسید.
حالا بریم به قسمت شیرین نوشتن کد ها.

برای نوشتن کد های html ابتدای فایل باید این المنت رو بنویسیم:

 

<html>

به این دستور یک تگ میگویند که به مرورگر میفهماند از این به بعد هر دستور مربوط به html خواهد بود و داخل این تگ باز هر دستوری بنویسیم مرورگر ان را مربوط به 
html میداند .

اما برای پایان دستورات html باید این تگ را بدین صورت :

 

</html>

در اخر دستورات html مون بنویسیم و به مرورگر بفهمونیم دستورات html مون تموم شده .

پس اینطوری شد:

<html>
دستورات html
</html>

به این دو تگ با همالمنت میگویند : به تگ باز و بسته المنت میگویند.

داخل المنت html یعنی همون قسمت دستورات html به دو قسمت تقسیم میشود:

قسمت اول:

المنت head:

مثال:

<html>

<head>
	تگ های مربوط به head
</head>

</html>

این قسمت مربوط به تنظیمات صفحه ، برای موتور های جستوجو ومتا و... که بعدا توضیح خواهیم داد.

قسمت دوم:

المنت body:

مثال:

<html>
<head>
</head>

<body>
	تگ های مربوط به بدنه
</body>
</html>

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

خلاصه مطلب:
به هردستور باز شده تگ میگویند مثل :<html> که تگی باز است.
به هر دستور باز و بسته المنت میگویند. مثل: <head></head> .
دستورات html داخل المنت <html></htmL> مینویسند.
دو قسمت head , body داخل المنت html  باید نوشته شوند.
قسمت head مربوط به مرورگر و موتور های جستوجو هست و دستورات مربوط به آنها مثل نام نویسنده ، نام سایت ، موضوع و... .
قسمت body مربوط به قسمت دیداری هست و هر آنچه در آن نوشته شود مستقیما دیده میشود مثل یک متن خالی.

------------------------------------

نظر یادتون نره
از قسمت موضوعات آموزش Html رو دنبال بکنید.