فرم کلی زبان html ( ساده ولی کاربردی html – قسمت 1 )
این اولین پست از سری پست های آموزشی ساده ولی کاربردی در زبان Html می باشد .
موضوع این قسمت فرم کلی زبان Html می باشد که سعی دارم به صورت کامل توضیح بدهم .
فرم کلی زبان html به صورت زیر می باشد ( در اینجا از Html5 که جدیدترین ورژن میباشد استفاده شده )
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Vahid Majidi Sadr</title> </head> <body> </body> </html>
حال یک فایل با پسوند html. می سازیم ( ترجیحا با نرم افزار dreamweaver ) و کد بالا را در آن کپی میکنیم .
زبان html دارای دو نوع کلی نوشتاری می باشد . به صورت زیر :
<element attribute="value"></element> container نوع <element attribute="value"> empty نوع
همان طور که در بالا میبینید تفاوت نوع container با empty فقط در این است که در نوع اول element دوباره با همان نامی که باز شده , بسته میشود .
- به element , تگ میگوییم . به attribute , خاصیت میگوییم و به value , مقدار میگوییم .
با این تفاسیر :
1 – تگ doctype! مشخص کننده ورژن html می باشد که <doctype html!> به معنای html5 می باشد . این تگ empty هست .
2 – تگ html که تگی container می باشد در بر گیرنده کل سایت ما خواهد شد . و ما باید کل سایت را حتما داخل این تگ کدنویسی و برنامه نویسی کنیم . این تگ دارای 2 فرزند به نام های head و body می باشد .
3 – تگ head یکی از فرزندان اصلی html می باشد که درون آن تمامی تگ های مهم غیر دیداری سایت قرار میگیرند ( مثلا مشخصات سایت , css , javascript , jquery , عنوان صفحه , یونیکد سایت و … )
4 – تگ body دیگر فرزند اصلی html می باشد که درون آن تمامی تگ هایی که دیداری هستند قرار میگیرد . ( نوشته ها , عکس , قسمت بندی سایت , فیلم , فلش و … ) .
در اصل شما هر چه در یک سایت مشاهده میکنید , تمامی کدنویسی و برنامه نویسی آن در تگ body انجام شده است .
5 – تگ meta با خاصیت charset و مقدار utf-8 حتما همیشه باید درون تگ head قرار گیرد تا یونیکد سایت را به utf-8 تبدیل کند تا سایت با زبان فارسی مشکلی نداشته باشد . ( این تگ empty می باشد ) .
6 – تگ title که تگیست container هم باید حتما در داخل تگ head قرار گیرد و درون آن میتوانید عنوان وب سایت را مشخص نمایید . منظور از عنوان وب سایت , همان نوشته ای می باشد که در بالای مرورگر ها و کنار دکمه ضربدر نمایش داده میشود .
آموزش : وحید مجیدی
پحش اختصاصی
خیلیی خوب بود ممنون
alie dada
tnq