تعداد بازدید : 610

admin

این اولین پست از سری پست های آموزشی ساده ولی کاربردی در زبان 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 می باشد که به معنای 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 قرار گیرد و درون آن میتوانید عنوان وب سایت را مشخص نمایید . منظور از عنوان وب سایت , همان نوشته ای می باشد که در بالای مرورگر ها و کنار دکمه ضربدر نمایش داده میشود .

تعداد بازدید : 610 فرم کلی زبان html ( ساده ولی کاربردی html – قسمت 1 )
نویسنده	پیام