آموزش html - شروع کار با html

parniann

New Member
برای شروع ابتدا باید با مفهوم سند html آشنا شوید . یک سند html همان فایل html می باشد . یعنی فایلی که حاوی تگ های html است . هر سند html از یک دید کلی فقط از یک تگ تشکیل شده است و آن تگ ، تگ html است . تگ یا نشانه ، هر چیزیست که بین دو علامت <> قرار گرفته باشد . پس اگر بخواهیم به یک فایل یا سند html نگاهی بیندازیم در یک دید سطح بالا و کلی فقط تگ html را میبینیم و هر چیز دیگری در این تگ خواهد آمد .

<html>
</html>
تگ html خود شامل دو قسمت و یا به عبارتی دو تگ دیگر است . یکی تگ head و دیگری تگ body . در واقع می توان گفت یک سند html از یک سر و یک پیکر تشکیل شده است .
<html>
<head>
</head>
<body>
</body>
</html>
در واقع میتوان گفت که سلسله مراتب تگ ها در زبان html از یک ساختار درختی بهره می برند . ساختاری که در آن تگ html در ریشه فرار دارد و دارای دو فرزند است . یکی head و دیگری body که این دو همزاد هم هستند و در کنار یکدیگر می آیند .
تگ head مربوط به یکسری heading ها است . مانند اضافه کردن فایل های css , جاوا اسکریپت (JavaScript) . مواردی که در تگ head آورده میشوند دارای اثر مستقیمی نیستند و نمی توانید آنها را عینا رویت کنید . (به استثنای تگ Title)
تگ body مربوط به محتویات صفحه وب است . در حقیقت چیزی که از صفحه وب در ذهن شما می باشد محتویات تگ body است . (تگ body در تصویر زیر با کادر قرمز مشخص شده است .)
htmldoc.png
​
هدف ما از آموزش html در حقیقت آموزش تگهایی می باشد که در تگ body بکار می روند که در ادامه و در مطالب آینده ای که در سایت بارگذاری خواهند شد به آنها می پردازیم .
به هنگام نوشتن کد html سعی کنید دو نکته را توجه کنید .
1- کد ها را به صورت دندانه دار بنویسید یعنی تگی که در دل تگ دیگری قرار می گیرد نسبت به تگ اول دارای فرورفتگی باشد . (به فاصله ای که سمت چپ تگ های head و body قرار دارد توجه کنید .)
2- از آنجا که کد html اغلب طولانی میشود ممکن است فراموش کنید تگی را که باز کرده اید ببندید . پس سعی کنید بلافاصله بعد از باز کردن تگ ، آنرا ببندید و بعد به داخل آن برگردید تا محتویات لازم را به آن اضافه کنید.
 

جدیدترین ارسال ها

بالا