دانلود نرم افزار,مقاله,برنامه موبایل,کلیپ,طنز,مطالب جالب,سرگرمی,تبادل لینک,پزشکی |
این انجمن را در گوگل محبوب کنید | |
کسانی که آنلاین هستند | در مجموع 972 كاربر Online ميباشد :: 63 كاربر ثبت نام شده، 17 كاربر مخفي و 892 مهمان :: 3 روبات در صفحه اصلی
Milad,alirezajaveri,pardis ,milad2013,Admin,m_nosrat ,phs,iman18,najafi,farnaz ,farzad,جوجو66,mahrokh ,Mehdi13,mehdi-beyki,,arsham ,rainboy,pooryasad,u235 ,ZALEM,mojode_bartar ,mknikoo,mahdi86,series 131,adelll_2323,farshad-53 ehsan-adibi,crazy-kids,sepide navab69,sara,درسا,ali98,gallows pedram,mehdii,king92,alireza1367 MOJIROYA,perilous,ستاره,جابر عسکری maysam,7milad7,نگار,masud51 maya,abtin_24,Mehran1374,اطلس hashem20,هلن,MORTEZA SHOKRI mitra_mp,mehras,lililala,DigiteC kazemloo,15243,zeynab khanom nazila,mild_nurse,شیما صدیقیان,m.z.m
[ مشاهده کاربران آنلاین ] بيشترين آمار حضور كاربران در سايت برابر 1287 و در تاريخ 1 آگوست 2011 - 16:55 بوده است. |
احصائيات | تعداد کاربران ثبت نام شده: 6698 جديدترين کاربر ثبت نام شده: بزرگمهر
تعداد موضوعات ارسال شده توسط کاربران سايت: 10351 في 6256 موضوع
|
بازدید کنندگان از سایت | |
المواضيع الأخيرة | » خر من طرف link4rank.rozblog.com الجمعة فبراير 27, 2015 2:26 am
» نوشتن متن خود بر روی یک عکس با امکانات خوب(انلاین) من طرف میلادشونم الخميس فبراير 05, 2015 7:45 pm
» ترفندهای شگفت انگیز در گوشی اندروید من طرف Milad السبت أكتوبر 25, 2014 6:06 pm
» جت روم اختصاصی من و تو من طرف ارین الأحد سبتمبر 07, 2014 4:04 am
» ایرونا - خرید و فروش کالاهای نو و دست دوم(مزایده و فروش مستفیم) من طرف erona.ir الأربعاء مايو 14, 2014 8:41 pm
» عکس همسر مستربین من طرف پویا الثلاثاء نوفمبر 19, 2013 10:47 am
» قالب بسیار جدید و حرفه ای مدیا برای پارسی کیوت( وی سی پی) من طرف shoeib63 الجمعة نوفمبر 08, 2013 1:33 pm
» چند ترفند توپ براي بازي جنگهاي صليبي(قلعه) من طرف hovo1357 الأربعاء أكتوبر 23, 2013 3:04 am
» دانلود جدیدترین آهنگهای شاد من طرف hovo1357 الأربعاء أكتوبر 23, 2013 2:55 am
» یه سایت جالب واسه سرگرمی من طرف Milad السبت أكتوبر 05, 2013 10:52 am
» این پست را تو بنویس از تنهایی هایت......!!! من طرف Milad السبت أكتوبر 05, 2013 10:50 am
» از هر جا سخنی هست ....!!! من طرف Milad السبت أكتوبر 05, 2013 10:46 am
» یادداشتهای پر از حسرت..... من طرف Milad السبت أكتوبر 05, 2013 10:43 am
» دلت براش تنگ شده... من طرف Milad السبت أكتوبر 05, 2013 10:36 am
» تو را دختر خانوم مینامند . . . من طرف Milad السبت أكتوبر 05, 2013 10:35 am
» چند سطر تنهایی........... من طرف Milad السبت أكتوبر 05, 2013 10:34 am
» فال روزانه شنبه 13 مهر 1392 من طرف Milad السبت أكتوبر 05, 2013 10:32 am
» گالری عکس از حیوانات بامزه من طرف siamakpattaya الجمعة أكتوبر 04, 2013 8:27 am
» دانلود بازی فارم فرنزی 4 - Farm Frenzy – Ancient Rome با لینک مستقیم من طرف barad الأربعاء يوليو 24, 2013 11:24 am
» بهترین سایت برای ساخت انجمن رایگان فارسی(با امکانات حرفه ای و جدید) من طرف mohamad23 الأربعاء يوليو 24, 2013 6:38 am
» دانلود جدیدترین آهنگ های شاد ایرانی مخصوص عروسی من طرف الک رمزی الثلاثاء يوليو 16, 2013 10:36 am
» چــــــــت روم دوســتـــانـــه انــــجـــمـــن منو تو من طرف mgkh السبت يونيو 08, 2013 9:31 am
» شعر عشقولانه من طرف minamina الثلاثاء يونيو 04, 2013 3:26 am
» اس ام اس های عاشقانه جدید مهر ماه 1390 من طرف minamina السبت يونيو 01, 2013 9:02 am
» اس ام اس باحال مخصوص ضدحال به پسرها و دخترها من طرف امیر علی الثلاثاء مايو 28, 2013 5:36 am
» ترول های جدید بهار 92 من طرف malijoon الأربعاء مايو 01, 2013 4:09 am
» اس ام اس سرکاری سری چهاردهم من طرف malijoon الأربعاء مايو 01, 2013 4:07 am
» دانلود جدیدترین آهنگ حسین تهی به نام جانگولر من طرف malijoon الأربعاء مايو 01, 2013 4:07 am
» علت های آب آوردن مغز من طرف malijoon الأربعاء مايو 01, 2013 4:04 am
» کمک من طرف پرنیان السبت أبريل 06, 2013 3:54 pm
» ض من طرف shafghat السبت مارس 23, 2013 2:30 pm
» SMS بر ضد دخترا .............................. من طرف SAJADSALAMI الإثنين مارس 04, 2013 12:50 pm
» كاروتلاش يك مادرواقعي من طرف باران@ الخميس يناير 31, 2013 2:19 am
» دانستنی های جالب! من طرف باران@ الخميس يناير 31, 2013 2:04 am
» وصيت نامه يمنتشرنشده ي بزبزقندي من طرف باران@ الخميس يناير 31, 2013 1:43 am
» اسکریپت ساخت آپلود سنتر برای گیگفا وی گیگ و........ من طرف LILIMOB الخميس يناير 17, 2013 5:13 am
» جدیدترین کد تقلب برای تراوین(جدید) من طرف بردیا الأربعاء يناير 09, 2013 1:04 pm
» نگاه های یک مرد به خانواده همسر ! ( طنز ) من طرف پوریا 2424 الأحد ديسمبر 16, 2012 10:43 am
» مسابقه شماره یک انجمن منو تو من طرف پوریا 2424 الأحد ديسمبر 16, 2012 9:37 am
» اس ام اس هایی از سخنان کورش کبیر من طرف پوریا 2424 الأحد ديسمبر 16, 2012 9:07 am
» بهترین کرم های زیبایی صورت و ضد چروک من طرف پوریا 2424 السبت ديسمبر 15, 2012 3:10 pm
» رمز های بازی کال اف دیوتی 7 من طرف پوریا 2424 السبت ديسمبر 15, 2012 1:54 pm
» رمز های بازی های کامپیوتری من طرف پوریا 2424 السبت ديسمبر 15, 2012 1:50 pm
» رمز های5سن اندریاس من طرف پوریا 2424 السبت ديسمبر 15, 2012 1:44 pm
» کد تقلب بازی جی تی آی (IV) من طرف پوریا 2424 السبت ديسمبر 15, 2012 1:42 pm
» جک و اس ام اس های خنده دار ( اسفند ماه ) من طرف پوریا 2424 السبت ديسمبر 15, 2012 1:05 pm
» مدیر کل سایت من طرف پوریا 2424 الجمعة ديسمبر 14, 2012 4:18 pm
» جوک حیوانات سری پنجم من طرف پوریا 2424 الجمعة ديسمبر 14, 2012 2:45 pm
» جوک های خنده دار جدید (45) من طرف پوریا 2424 الجمعة ديسمبر 14, 2012 2:31 pm
» جوک مردان سری پنجم من طرف پوریا 2424 الجمعة ديسمبر 14, 2012 2:28 pm
|
تسجيل صفحاتك المفضلة في مواقع خارجية | |
| | آموزش Html – قسمت اول | |
| | نويسنده | پيام |
---|
Milad مدیر اصلی و سازنده انجمن
تاریخ عضویت : 2011-02-11 سن این کاربر : 29
| عنوان: آموزش Html – قسمت اول الإثنين يوليو 11, 2011 4:02 am | |
| به دنیای مهیج اینترنت و وب خوش آمدید. با توجه به اهمیت وب و گسترش فوق العاده سریع آن در دنیا سعی کردیم تا مطالب آموزنده و کاربردی در زمینه طراحی وب را ارائه کنیم. این خود آموز به صورت پله پله نوشته شده است پس با ما همراه باشید. سازمان جهانی وب ( World Wide Web Consortium )این سازمان مسئولیت استاندارد سازی زبان های برنامه نویسی و کلیه اجزاء تشکیل دهنده صفحات وب و وب سایتها را به عهده دارد. خود آموز زیر بر طبق استانداردهای این سازمان نوشته شده است. Html چیست ؟Hyper Text Markup Language یا زبان نشانه گذاری فوق متن یک زبان برنامه نویسی نیست بلکه این زبان یک زبان برای نشانه گذاری عناصر یک صفحه وب است به طوری که یک مرورگر مانند Internet Explorer بتواند آن صفحه وب را به عناصر قابل رویت ترجمه کند و روی صفحه نمایشگر شما نشان بدهد. یک زبان نشانه گذاری از عناصر علامت گذاری (Tag ) ساخته شده است. HTML از عناصر علامت گذاری و یا تگ ها برای توضیح یک صفحه وب استفاده می کند. یادگیری این کدهای علامت گذاری به عنوان پایه ای برای یادگیری کلیه زبان های برنامه نویسی تحت وب و یا طراحی صفحات وب الزامیست. این نکته را فراموش نکنید که میزان یادگیری شما با میزان انگیزه شما رابطه مستقیم دارد. سعی کرده ایم در بیان مطالب از ساده ترین روش ها و گویا ترین کلمات استفاده کنیم تا برای تمامی علاقه مندان قابل استفاده باشد. آموزش Html - قسمت اولتگ چیست ؟تگها کلماتی هستند که به وسیله یک جفت علامت <> احاطه شده اند مانند . تگها معمولا به صورت یک جفت می باشند مانند و . اولین تگ ( تگ ابتدایی) و دومین ( تگ انتهایی) نامیده می شوند. تگ ابتدایی تگ شروع ویا تگ باز و تگ انتهایی تگ پایان ویا تگ بسته نیز نامیده می شوند. یک مجموعه کد html یک صفحه وب را شرح میدهد . یک صفحه وب توسط مجموعه ای از تگهای html و متن ها تشکیل میشود. در واقع یک صفحه وب مساوی است با یک صفحه html. منظور از یک مرورگر وب مانند Internet Explorer و یا FireFox وسیله ایست برای خواندن کدهای html و ترجمه ونمایش آنها به صورت صفحات وب .یک مرورگر تگها را نشان نمی دهد بلکه از آنها برای ترجمه صفحه وب استفاده می کند. در زیر میتوانید نمونه ای از کدهای html را ببینید : style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "><html><body><h1>My First Headingh1><p>My first paragraphp> متن بین و صفحه وب را مشخص می کند. متن بین و قسمت قابل رویت یک صفحه وب را نشان میدهد. متن بین و به صورت یک سر فصل نمایش داده می شود. متن بین و به صورت یک پاراگراف نمایش داده می شود. چه چیزی احتیاج دارید؟شما برای شروع یادگیری html احتیاج به هیچ نرم افزار پیچیده و یا یک وب سایت ندارید. در این خود آموز ما از نرم افزار Notepad موجود در windows برای نوشتن و ویرایش کدهای html استفاده میکنیم و اعتقاد داریم که این بهترین راه برای یادگیری html می باشد. کد نویسان و طراحان حرفه ای از نرم افزارهایی مانند Front Page و Dream Weaver برای تولید صفحات وب استفاده می کنند. ساخت اولین صفحه وببرای شروع شما میتوانید نرم افزار Notepad خود را از آدرس Start>Program>Accessories باز کنید و متن زیر را درون آن بنویسد . - <html>
- <body>
- <h1>This is my Main Pageh1>
- <p>This is some text.p>
- <p><a href=”page1.htm”>This is a link to Page 1a>p>
- <p><a href=”page2.htm”>This is a link to Page 2a>p>
پس از اتمام ، نوشته مورد نظر خود را با یکی از پسوندهای .htm و یا .html به نام Mainpage ذخیره کنید. این اولین صفحه وب ساخته شما است. html. یا .htm ؟ برای ذخیره یک صفحه وب شما باید یکی از این پسوندها را انتخاب کنید .htm و یا .html در عمل این دو پسوند تفاوتی با یکدیگر ندارند . پسوند .htm یک پسوند قدیمیست و مربوط به زمانی است که پسوندها از ۳ حرف تشکیل می شدند ولی امروزه بهتر است از پسوند .html استفاده کنید. اگر احتمالا مطالبی که تا کنون برای شما گفته شده برای شما مبهم بوده است احساس نگرانی نکنید زیرا در قسمتهای بعدی توضیحات بیشتری خواهیم داد. مثال ها برای یادگیری بهتر از چندین مثال شروع می کنیم. سرفصل و یا Head Line type="1" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; ">- <h1>This is a headingh1>
- <h2>This is a headingh2>
- <h3>This is a headingh3>
سر فصلها توسط تگهای تا علامت گذاری می شوند. پاراگراف type="1" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; ">- <p>This is a paragraphp>
- <p>This is another paragraphp>
پاراگراف ها توسط تگهای علامت گذاری می شوند. پیوندها و یا link ها type="1" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; ">- <a href=”www.TopDesign.ir”> This is a link a>
Link ها و یا پیوندها در توسط تگ علامت گذاری می شوند. این تگ دارای نشانه هایی می باشد که در قسمت های بعدی توضیح داده خواهد شد. تصاویر type="1" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; ">- img src=”TopDesign.jpg” width=”104″ height=”142″>
صاویر در توسط تگهای علامت گذاری می شوند که دارای نشانه ها و تفاوت هایی با ۳ تگ قبلی است که در ادامه توضیح داده می شود. ( مانند نام و اندازه تصاویر ) عناصرHTML عناصر HTML اجزاء سازنده یک مجموعه HTML هستند. عنصر HTML یعنی هر چیزی که بین تگ ابتدایی و انتهایی وجود دارد. با توجه به مثالهای بالا تگ پایانی | محتوای عناصر HTML | تگ شروع |
| This is a paragraph |
|
| This is a link to Page 1 |
|
|
|
| تگ شروع تگ باز و تگ پایانی تگ بسته نیز نامیده می شوند. عناصر و یا اجزاء یک مجموعه HTML دارای نظام و قواعد خاصی هستند که تعدادی از آنها در زیر گفته می شود.
- عناصر HTML با یک تگ باز شروع می شوند.
- عناصر HTML با یک تگ بسته به پایان می رسد.
- محتوای عناصر در بین تگهای ابتدایی و انتهایی قرار می گیرند.
- بعضی از عناصر HTML محتوایی ندارند.
- این عناصر در تگ ابتدایی بسته می شوند مانند (
)
- بعضی از عناصر HTML دارای مشخصات و تواناییهایی هستند.
البته در مورد تواناییها و مشخصات عناصر HTML در ادامه به صورت کامل توضیح داده خواهد شد. تگهای HTML تو در تو (Nested) تگهای HTML معمولا توسط تگهای دیگری احاطه شده اند و از قانون خاصی پیروی می کنند به این صورت که تگ ابتدا در آخر بسته می شود این بدین معناست که تگی که جلوتر از همه تگها باز میشود باید در آخر همه آنها بسته شود .برای درک بهتر این مطلب به مثال زیر توجه کنید.- <html>
- <body>
- <p>This is my first paragraphp>
در این مثال تگ در ابتدای همه تگها باز شده است و در انتهای همه آنها با بسته شده . محتوای تگ تگهای و هستند. تگ که بعد از آن باز شده قبل از آن با
بسته شده است. محتوای تگ که در واقع بدنه و قسمت قابل رویت یک صفحه HTML است در این مثال یک تگ است. در مورد تگ هم این موضوع تکرار شده است. تگهای پایانی را فراموش نکنید
type="1" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "> p> This is a paragraph>یکی از اشتباهات متداول در نوشتن کدهای HTML رعایت نکردن قانون (Nesting) و یا همان تگهای تو در تو و یا نبستن تگهای باز به وسیله تگهای بسته است . فراموش کردن تگهای پایانی در مثال بالا باعث بروز خطا نمیشود . ولی در اکثر موارد فراموش کردن تگهای پایانی و یا بستن تگها و رعایت نکردن قانون تگهای تو در تو باعث بروز خطا های ساختاری خواهد شد. | |
| | | | آموزش Html – قسمت اول | |
|
مواضيع مماثلة | |
|
| صلاحيات هذا المنتدى: | شما نمي توانيد در اين بخش به موضوعها پاسخ دهيد
| |
| |
| |
|