1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش html از سطح مبتدی تا پیشرفته

شروع موضوع توسط !!!OMID!!! ‏13/10/15 در انجمن CSS

  1. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏10/10/15
    ارسال ها:
    3,457
    تشکر شده:
    4,066
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    کارشناس نظام مهندسی

    «به نام خدا»
    آموزش زبان برنامه نویسی وب
    جلسه اول
    دراین دوره اموزشی قصد دارم. ابتدا شما را با مفاهیم پایه زبان برنامه نویسی وب html اشنا کنم وپس از ان به سراغ مباحث پیشرفته تر بروم .
    html چیست ؟
    زبان برنامه نویسی (html (heper text markup language یا زبان نشانه گذاری فرا متن در کنار css هسته ساخت صفحات وب را تشکیل می دهند.
    هر یک از برچسب های اچ تی ام ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می گذارند؛ مثلاً برچسب هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ تی ام ال تعریف شده اند..
    برچسب های (tags) زبان html به چند دسته تقسیم می شوند :

    1- تگهای پایه (basic )
    <!DOCTYPE> :برای تعریف نوع سند
    <html> سند html را مشخص میکند .
    <title> عنوان صفحه را مشخص می کند همان عنوانی که در بالای صفحات وب دیده می شود.
    <body> بدنه اصلی سند را مشخص میکند (تمام عناصر قابل مشاهده در صفحه وب در این برچسب (tag) قرار می گیرد .
    <h1> to <h6> سر تیترهای سند را براساس اهمیت مشخص میکند .(از h1 با اهمیتترین تا h6 کم اهمیترین )
    <p> برای پاراگراف بندی از این تگ استفاده می شود .

    ادامه جلسه اول

    نمونه ای از کد های نوشته شده به زبان html


    کد:

    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>
    هر صفحه وب از دو قسمت تشکیل میشود

    قسمت head : تشکیل شده است از تگ های title,meta,link,... این قسمت توسط مرورگر خوانده میشود ولی نمایش داده نمی شود.
    قسمت body : قسمت بدنه در این قسمت تمام اطلاعاتی که قرار است نمایش داده شود نوشته می شود

    خروجی کد فوق به صورت زیر است
    My First Heading

    My first paragraph.

    ساختار صفحات وب :
    در زیر تصویری از ساختار صفحات وب در زبان html را مشاهده میکنید .


    <html> <body> <h1>This a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    </body>
    </html>

    ورژن های html


    Version Year
    HTML 1991
    HTML+ 1993
    HTML 2.0 1995
    HTML 3.2 1997
    HTML 4.01 1999
    XHTML 2000
    HTML5 2012

    تگ <doctype> به مرورگر کمک می کند که نوع سند را مشخص کند .
    در زیر انوا تعاریف سند را مشاهده می کنید

    HTML5

    <!DOCTYPE html>

    HTML 4.01

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    XHTML 1.0

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    خب در جلسه بعدی برنامه نویسی وب را شروع می کنیم . سعی میکنم اموزش را همراه با مثال های بسیار پیش ببرم
    خب تا جلسه بعدی بای .
     
    وضعیت سفید از این پست تشکر کرده است.