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


تبليغات
سامانه ي پيامکي آز پي ان يو مقالات ISI
فروشگاه اينترنتي آز پي ان يو خريد شارژ آز پي ان يو

اموزش گام به گام html زمان کنونی: ۱۴-۹-۱۳۹۵، ۰۷:۴۴ :عصر
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: The DaRk PrOpheT
آخرین ارسال: The DaRk PrOpheT
پاسخ: 13
بازدید: 1341

ارسال پاسخ 
 
امتیاز موضوع:
  • 22 رأی - میانگین امتیازات: 3.64
  • 1
  • 2
  • 3
  • 4
  • 5

اموزش گام به گام html

۸-۲-۱۳۹۱, ۰۶:۲۱ :عصر
ارسال: #1
اموزش گام به گام html
با سلام خدمت دوستان عزیز

انشاالله در این تاپیک اموزش html رو بطور کامل براتون میذارم .

امیدوارم که راضی باشید .
بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط MostafA ، yasi
۸-۲-۱۳۹۱, ۰۶:۲۳ :عصر
ارسال: #2
RE: اموزش گام به گام 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
تست شده است .

نکات مهم :

1.تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .

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

Example :

< br / >

< input type = "text" name ="family" ... / >


3. هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ
< b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی
بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود .
بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67 ، yasi
۸-۲-۱۳۹۱, ۰۶:۲۳ :عصر (آخرین ویرایش در این ارسال: ۸-۲-۱۳۹۱ ۰۶:۲۵ :عصر، توسط The DaRk PrOpheT.)
ارسال: #3
RE: اموزش گام به گام html
خصوصيات استاندارد تگ های HTML


در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . اين خصوصيات در
اکثر تگ های HTML مشترک بوده و دارای کاربرد يکسانی هستند .

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

خصوصيات اصلی


نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۲۶ :عصر
ارسال: #4
RE: اموزش گام به گام html
خصوصيات زبان


نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۲۷ :عصر
ارسال: #5
RE: اموزش گام به گام html
خصوصيات صفحه کليد


مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۲۸ :عصر
ارسال: #6
RE: اموزش گام به گام html
نمايش کاراکترهای خاص در HTML


بعضی از کاراکترها در زبان HTML دارای معنی خاصی هستند مثل کاراکتر کوچکتر
> که به معنای آغاز يک تگ می باشد . اگر بخواهيم در متن صفحات HTML اين
نوع کاراکترها را نمايش دهيم ، جهت جلوگيری از تداخل متن با کد صفحه بايد
از روش ويژه ای به صورت زير استفاده کنيم :

برای نمايش هر کاراکتر از يک واژه مرکب که شامل سه قسمت است استفاده می شود .

قسمت اول علامت (&) ، قسمت دوم يک نام از پيش تعيين شده يا علامت # به
همراه يک عدد معلوم و قسمت سوم هم علامت ( ; ) است که در پايان قرار می
گيرد .

برای مثال برای نمايش کاراکتر > بايد بنويسيم :

&lt; or <
نکته : کليه نام های نمايش کاراکترهای خاص به حروف بزرگ و کوچک حساس هستند .
نکته :
در زبان HTML ، اگر در هنگام ورود متن بين حروف با فشردن کليد Space Bar
فاصله ايجاد کنيد ، در هنگام نمايش در مرورگر اين فاصله ها از بين رفته و
حداکثر يک فاصله خالی بين دو واژه نمايش داده می شود . برای افزودن فاصله
بين واژه ها بايد از کاراکتر ;nbsp& استفاده کرد که با هر بار وارد
کردن اين کاراکتر ، يک فاصله خالی بين دو واژه به وجود می آيد .

مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۲۸ :عصر
ارسال: #7
RE: اموزش گام به گام html
تگ های مقدماتی HTML

تگ < html > :


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

مثال : در مثال زير بدنه اصلی يک صفحه با تگ < html > مشخص شده است :

مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۲۹ :عصر
ارسال: #8
RE: اموزش گام به گام html
تگ < body > :


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

کدهای محتويات خروجی بين تگ باز و بسته < body > تعريف می شوند .

مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۳۰ :عصر
ارسال: #9
RE: اموزش گام به گام html
مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67
۸-۲-۱۳۹۱, ۰۶:۳۱ :عصر
ارسال: #10
RE: اموزش گام به گام html
تگ < head > :


تگ < head > در بر گيرنده ااطلاعات کلی درباره سند وب است که اين
اطلاعات Meta-Information به معنای (اطلاعات درباره) ناميده می شود .

کليه اطلاعات درون تگ < head > توسط مرورگر نمايش داده نمی شوند
.براساس استاندارد HTML فقط تگ های زیر قابل استفاده در بخش head هستند :
< base > , < link > , < meta > , < title > , < style > , < script >

مهمان ها نمي توانند تصاوير را ببينند و دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nasrin67 ، mahdi hashemi
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش طراحی بهترین فرم برای وب سایت در html maryamsitedar 0 223 ۲۲-۴-۱۳۹۳ ۰۳:۱۲ :عصر
آخرین ارسال: maryamsitedar
  اموزش زبان html mahdi hashemi 1 609 ۲-۱۰-۱۳۹۱ ۰۷:۲۵ :عصر
آخرین ارسال: Administrator
  شناخت کد رنگهای HTML sayson 1 718 ۲۰-۵-۱۳۹۱ ۱۰:۴۹ :عصر
آخرین ارسال: sayson

کسانی که از این موضوع بازدید کرده اند . . . ( آز پی ان یو )
9 کاربر زیر موضوع را خوانده اند:
z_zamani (۱۴-۴-۱۳۹۲, ۰۴:۲۹ :عصر)، blunch (۲۸-۴-۱۳۹۲, ۰۸:۴۷ :عصر)، علی بی غم (۸-۸-۱۳۹۲, ۰۹:۴۴ :عصر)، milad8525 (۸-۹-۱۳۹۲, ۰۸:۳۲ :عصر)، mahdi ostadi (۲۱-۲-۱۳۹۳, ۱۱:۵۷ :عصر)، yekiazdostan (۲۴-۱۲-۱۳۹۲, ۱۲:۴۱ :صبح)، mahna93 (۱۲-۲-۱۳۹۳, ۰۹:۱۱ :صبح)، marziiiii (۲۶-۲-۱۳۹۳, ۱۰:۲۷ :عصر)، ali_pgu95 (۲۵-۵-۱۳۹۵, ۰۵:۲۴ :عصر)

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان


آپلودسنتر آز پي ان يو تالار گفتمان آز پي ان يو
تبلیغات نیازمندی های استان چهارمحال و بختیاری