طراحی سایت - سئو - پشتیبانی سایت

سلام، این جا وب دیزاین است، گروهی که برای شما وب سایت طراحی میکند. شما میتوانید برای تصمیم گیری بهتر از دکمه های زیر استفاده کنید و یا با شماره تماس 09128550058 (وحید وکیلی) جهت مشاوره رایگان تماس بگیرید، در تلگرام نیز با شماره تماس 09383139121 پاسخگوی شما هستیم.
مشاهده نمونه کارهای طراحی سایت ما

پرداخت هزینه طراحی سایت لیست قیمت سایت ها به همراه امکانات و نمونه سایت ها سفارش طراحی سایت

مقدمه آموزش زبان HTML

آموزش زبان HTML

 معرفی زبان HTML :

   عبارت HTML مخفف (Hyper Text Markup Language) است . Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.

HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .
در يک صحفه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند .

مفهوم تگ های HTML :

تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخيص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، يک بخش ابتدايی و يک بخش انتهايی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زير به کار می روند :

< تگ انتها / >    محتويات    < تگ ابتدا >
مثال : < label > ..... < /label >  

تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .

خواص تگ های HTML :

هر تگ دارای مجموعه از خواص است که ويژگی های مختلف آنها را تعيين می کند . هر يک از اين خواص را می توان در درون تگ ابتدايي معرفی و مقدار دهی کرد .
راهنمايي : در ادامه هر يک از تگ های HTML معرفی شده و در صفحه مربوط به آنها خواص مربوطه نيز در جدول خواص مهم قرار داده شده اند . در ستون نام خاصيت نام آن و در ستون نوع خاصيت انواع مقادير قابل قبول برای آن خاصيت تعيين شده است .

مثال : برای مثال تگ < table > دارای خاصيتی به نام Border است ، که به دور جدول کادر يا حاشيه ايجاد می کند . نحوه تعريف و مقدار دهی آن به صورت زير است :
توجه : در هنگام تعريف بايد بين خاصيت و مقدار آن علامت = قرار داده و همچنين مقدارها بايد درون علامت " " قرار بگيرند .

< table border = "1" >  محتويات  < /table >

راهنمايی 2 : در بخش آموزش تگ ها سعی شده تا با ارائه مثال های مناسب مطالب توضيحی را در عمل نشان داد . برای اين منظور از جدول Example استفاده شده است ، که اين جدول دارای 2 قسمت است . در قسمت کد ، کد واقعی مورد نياز برای هدف ارائه شده و در قسمت خروجی نيز خروجی کد که به صورت اکتيو توسط مرورگر توليد شده ، نشان داده شده است .
توجه : تمام مثال های قسمت آموزش HTML بر طبق استانداردهای نرم افزار Microsoft Visual Studio 2005 طراحی شده و توسط مرورگرهاي مطرح Internet Explorer و FireFox تست شده است .

نکات مهم :

    تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .
    می توان يک تگ را در تگ ابتدايي نيز بست . برای اين کار از يک علامت / بعد از نام تگ و خواص مورد نظر تعريف شده استفاده می کنيم . در اين حالت نمی توان متن يا تگ ديگری را به عنوان محتويات برای آن تگ در نظر گرفت .
    توجه کاربرد اين روش در مورد تگ هايي مثل < table > , < td > , < tr > و ... امکان پذير نيست .

    Example :
    < br / >
    < input type = "text" name ="family" ... / >
    هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود .

برای ذخیره کردن دستورات HTML بایستی کدهای HTML را درون یک فایل Notepad تایپ کرده و فایل را با پسوند HTML و Save as type معادل All File و Encoding را روی UTF-8 قرار داده و فایل را ذخیره کنید. همانند تصویر زیر

آموزش ذخیره فایل HTML

 

منبع : developer1.ir

پرینتایمیل

اضافه کردن نظر


کد امنیتی
تازه سازی

برای مشاوره رایگان در زمینه طراحی سایت در تلگرام با ما در ارتباط باشید

شماره تلگرام : 09383139121

https://telegram.me/w3bdesign

هزینه طراحی سایت

  1. نام و نام خانوادگی(*)
    ورودی نامعتبر
  2. ایمیل
    ورودی نامعتبر
  3. شماره تماس(*)
    ورودی نامعتبر
  4. وب سایت نمونه
    ورودی نامعتبر
  5. امکانات مورد نظر و توضیحات
    ورودی نامعتبر
  6. کد امنیتی
    کد امنیتی
    ورودی نامعتبر
  7.