معرفی تنه اصلی و تگ های پایه ی Html



visibility  
mode_comment   ۱۱

:: همونطور که در پست قبلی گفته بودم امروز به معرفی تنه ی اصلی یک فایل Html و تگ ها اصلی اون می پردازم .

یه نکته اول در مورد تگ ها بگم . خیلی ها پرسیده بودن که اصلا تگ چی هست ؟

اینو بگم که یک تگ رو به صورت <Tag> یا <Tag/> نمایش میدن .

هر تگی که مثلا به شکل <Tag> وجود داشته باشه  حتما یه تگ پایانی به شکل <Tag/> داره . مثلا وقتی میگن فلان کد رو بزارید بین تگهای بادی ، یعنی اینکه بزاریدش بین تگ آغازی <Body> و تگ پایانیش که <Body/> هست .

خوب بریم سر اصل مطلب :

 :: تنه ی اصلی یک فایل HTML :

بدنه ی اصلی یک فایل html از چند تا تگ اصلی بوجود میاد . من اول تنه ی اصلی رو براتون میزارم و بعد کاریرد هر جزء اونو براتون توضیح میدم :

تنه ی اصلی یک فایل Html به شکل زیر هست :

همونطور که میبینید هیچ تگی به صورت تنها وجو نداره .

یک صفحه ی Html با تگ آغازی <html> شروع میشه و با تگ پایانی <html/> تموم میشه . و بقیه ی کدها و تگ ها در بین این دو تگ قرار میگیرن .

خوب حالا من در زیر هر کدوم از این تگ هایی که تنه ی اصلی رو بوجود میارن براتون معرفی می کنم و کاربرد هر کدومو توضیح میدم  .

 

<html> <head> <title>عنوان صفحه</title> </head> <body> قسمتی که نمایش داده می شود </body> </html>

:: تگ های Html : این تگ با <html> شروع میشه و با تگ پایانی <html/> تموم میشه .

تمام کدها و تگهای Html و ... بین این دو تگ قرار می گیرن . کاربرد تگ <html> اینه که به مرورگر میفهمونه که این یک فایل Html هست و اینکه مروگر اونو چطور نمایش بده .

:: تگ های Head : این تگ هم با <head> شروع میشه و با تگ پایانی <head/> تموم میشه .

در واقع مشخصات ، خصوصیات و تنظیمات یک فایل Html در بین تگ های <head> و<head/> قرار می گیره . مواردی که در بین این دو تگ قرار میگیره در صفحه نمایش داده نمیشه .  از جمله تگ هایی که بین این دو  قرار میگیرن تگهای meta و  Style هستن که بعدا به موقش در مورد اونا هم بحث می کنم .

:: تگ های Title : کلمه یا متنی که بین تگ <title> و <title/> قرار میگیره عنوان صفحه رو مشخص میکنه . همون عنوانی که در بالای پنجره ی اینترنت اکسپلورر نمایش داده میشه . پس اگه خواستید عنوان صفحه ی خود رو عوض کنید باید متن بین این تگ رو تغیر بدید و عنوان مورد نظر رو بین این دو تگ بزارید  . 

:: تگ های Body : شاید بشه گفت اساسی ترین تگ Html همین تگ های بادی هستن که با تگ <body> شروع و با تگ <body/> به پایان میرسه .

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

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

 

comment دیدگاه کاربران
کرد پرس

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

MMT

با سلام
واقعا سایت خوب و مفید و آموزنده ای دارید
من خیلی علاقه دارم که بتونم زبان های تحت وب رو یاد بگیرم
ای کاش می شد متن ها و مطالب رو به صورت pdf یا word برای دانلود بذارید
ممنون

فرشاد

سلام خسته نباشید
آقا واقعا کارتون درسته
مطالبتون عالی واضح آمیانه و قابل فهمه
و اینکه اندوخته های علمی خوتون رو بدون منت در اختیار ما تازه کارها میزارید ممنونم
من 2 تا درخواست از شما دارم :
1-اگه امکانش هست مطالب بیشتری در زمینه آموزش طراحی و html بزارید
2-آیا میشه یک فرم خرید کالا برای وبلاگ درست کرد؟ (به این صورت که هر کسی اطلاعات مربوط به خرید کالا را پر میکند اطلاعات به صورت اتوماتیک به ایمیل ما ارسال شود) اگه براتون زحمتی نیست میشه آموزش بدین؟
ممنون
———————————-
پاسخ نویسنده(حمزه فیضیان):
درود بر شما. متشکرم از اظهار لطفتون. چشم در اولین فرصت. موفق باشید

ابوعدنان

خیلی خیلی ممنون از اطلاعاتیکه در اختیارگذاشتی هم ساده بود وهم کاربردی

firouzeh

مرسی واقعا عالی بود و کلی استفاده کردم

manigeh

با سلام….

نحوه انتقال معلومات و درس شما بسیار روان و عالی است…
سپاس و پایدار باشید…..

Sina4everafter

سلام.ببخشید یه سوال داشتم:
میشه بگین که این چه کدیه؟یعنی چی کار می کنه؟
چون من با نوشتن و ننوشتنش هیچ تفاوتی نمی بینم.مرسی. ❓

Sina4everafter

ببخشید.کد و نشون نداد.این کد:

لقمان آوند

سلام
این تگ از html نیست و صرفا نوع و ورژن html استفاده شده در صفحه رو مشخص می کنه که مرورگرها بهتر بتونن کد رو بفهمن . در واقع نوع سند html رو مشخص میکنه . میتونی اینو بخونی : DocType

babak.namaki

آقایون
واقعا جیگر شما را …
قول میدم که شاگرد خوبی باشم.
و درسامو خوب یاد بگیرم.
راستی
من دانشجوی ترم 3 آی تی هستم. 😎

لقمان آوند

ممنون عزیز
موفق باشی …

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.