فرم کلی زبان html ( ساده ولی کاربردی – قسمت 1 ) – اسکریپت دات کام https://www.xn--mgbguh09aqiwi.com اسکریپت دات کام Sun, 01 Feb 2015 08:57:14 +0000 fa-IR hourly 1 https://wordpress.org/?v=5.6.14 فرم کلی زبان html ( ساده ولی کاربردی html – قسمت 1 ) https://www.xn--mgbguh09aqiwi.com/%d9%81%d8%b1%d9%85-%da%a9%d9%84%db%8c-%d8%b2%d8%a8%d8%a7%d9%86-html.html https://www.xn--mgbguh09aqiwi.com/%d9%81%d8%b1%d9%85-%da%a9%d9%84%db%8c-%d8%b2%d8%a8%d8%a7%d9%86-html.html#comments Wed, 14 Jan 2015 00:21:03 +0000 http://xn--mgbguh09aqiwi.com/?p=3866 این اولین پست از سری پست های آموزشی ساده ولی کاربردی در زبان Html می باشد .

موضوع این قسمت فرم کلی زبان Html می باشد که سعی دارم به صورت کامل توضیح بدهم .

فرم کلی زبان html به صورت زیر می باشد ( در اینجا از Html5 که جدیدترین ورژن میباشد استفاده شده )

آموزش زبان html - ساده و کاربردی

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

آموزش : وحید مجیدی  

پحش اختصاصی

]]> https://www.xn--mgbguh09aqiwi.com/%d9%81%d8%b1%d9%85-%da%a9%d9%84%db%8c-%d8%b2%d8%a8%d8%a7%d9%86-html.html/feed 2