جهت ورود به تالار گفتمان سایت کلیک کنید

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

این اولین پست از سری پست های آموزشی ساده ولی کاربردی در زبان Html می باشد .

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

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

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

حال یک فایل با پسوند html. می سازیم ( ترجیحا با نرم افزار dreamweaver ) و کد بالا را در آن کپی میکنیم .

 زبان html دارای دو نوع کلی نوشتاری می باشد . به صورت زیر :

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

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

پحش اختصاصی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

2 پاسخ به “فرم کلی زبان html ( ساده ولی کاربردی html – قسمت 1 )”

  1. صبا گفت:

    خیلیی خوب بود ممنون

  2. dashesi گفت:

    alie dada

    tnq

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *