جلسه سوم : توضیحات اصلی مربوط به ساختار HTML
جلسه سوم : توضیحات اصلی مربوط به ساختار HTML
خب حالا درود بر شما ! اگر که یادتان باشد در جلسه قبل به شما تمرینی داده شده بود که قرار بود در آن کد های که آموزش داده شده بود را تمرین کنید تا در خاطر شما بماند و کد نویسی را مثل آب خوردن یاد بگیرید و اگر که مقاله قبل را مطالعه نکردی برگرد و مقاله جلسه دوم را نیز حتما یک بار هم که شده در میهن آکادمی مطالعه کن که قراره قسمت به قسمت این موارد را در ادامه به شما آموزش دهم
کدی که در جلسه قبل به شما داده شده بود این است یعنی کد زیر که می خواهم به شما در ادامه آن کد تمامی آن کد ها را به شما آموزش دهم و پس تنها کاری که شما می توانید انجام دهید این است که کد ها را به شما آموزش داده می شود به یاد داشته باشید که تا هر زمانی که می خواهید در سایت طراحی کنید ، باید این کد ها استفاده کنید.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>میهن آکادمی</title>
</head>
<body>
<h1>جلسه اول طراحی سایت</h1>
<p>به میهن آکادمی خوش آمدید</p>
</body>
</html>
توضیحات مربوط به ساختار اصلی فایل html
تعریف نوع سند (DOCTYPE) : این خط مشخص می‌کند که سند از نوع HTML5 است. DOCTYPE به مرورگر می‌گوید که چگونه باید صفحه را تفسیر کند.
تگ html : این تگ تمام محتوای HTML را در بر می‌گیرد و ریشه سند محسوب می‌شود و راستی به خاطر داشته باشید که این تگ یک تگ باز دارد و یک تگ بسته که اگر تگ بسته را استفاده نکنید سایت شما نمایش داده نمی شود.
تگ head : بخش head حاوی متا اطلاعات درباره سند است : این تگ Head دقیقا مانند مغز انسان می باشد و اطلاعاتی که در این بخش وارد می کنید در سایت شما نمایش داده نمی شود ولی مغز اصلی سایت مان را تشکیل می دهد و عنوان سایت و اطلاعات متای که برای سئو سایت خود و اطلاعاتی که به مرورگر و موتور های جستجو یا فایل ها و CSS های که در این بخش مسیر دهید می شود همگی در تگ Head قرار داده می شود.
meta charset=”utf-8″ را که مشاهده می کنید تعیین کننده encoding صفحه برای پشتیبانی از کاراکترهای فارسی می باشد
tittle هم که مشاهده می کنید برای نمایش عنوان صفحه به کار می رود که داشتن این دو تگ در بخش Head سایت کاملآ ضروری به حساب می آید
بخش body : این قسمت مانند قسمت پایین سر آدم می مانند تا زانو های آدم یعنی چی ، الان بهتون میگم ببینید اینجا زمانی که شما در قسمت بادی یا همان Body شما کد نویسی انجام دهید به کاربر شما نمایش داده می شود مانند همان تگ های H1 و تگ P که استفاده کردید و در سایت نمایش داده شده است و اینجا شما هر چه بنویسید به کاربر شما در سایت نمایش داده می شود.
کامنت گذاری کردن کد ها در HTML
همانطور که می دانید شما اطلاعاتی راجب کد نویسی می دهند ، یا مثلا روزی که یک طراح سایت حرفه ای شدید و یک قالب حرفه ای طراحی کنید حتما برای قسمت های مختلف طراحی شده می توانید کامنت گذاری کنید تا بعدا که به قالب مراجعه کردید یادتان باشد این قسمت مربوط به کدام بخش کد نویسی شده می باشد و صد البته راستی که کامنت ها در مرورگر نمایش داده نمی شود و این تکیه کد زیر یک نوع کامنت گذاری می باشد
<!-- این یک کامنت است -->
<div class="footer">.....</div>
نکته : اگر که می خواهید بهتر و با کلاس تر به نظر برسید و بهتر از کد نویس های دیگر کد نویسی کنید ، می توانید از در قسمت این یک کامنت است بنویسید Power Full In Web Des : اسم خودتان را هم در آخر بنویسید.
به همین راحتی جلسه جدید آموزش HTML را هم تمام شد ، این نکته های گفته شده را تمرین کنید ، موفق و پیروز باشید.
