تبليغاتX
ღ.•**•. دوست بی کلک .•**•.ღ

ღ.•**•. دوست بی کلک .•**•.ღ

تقدیم به تمام عزیزانم و دوستانم D&M ! ....... از دانلودیها استفاده کنیدو نظر بدید !

آموزش اچ تی ام ال قسمت دوم

ارسال شده در دوشنبه بیست و یکم اردیبهشت 1388 و ساعت 14:45

ج- لینک کردن

1)لینک به سایت

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

King of search engine

که به شکل زیر دیده می شود:

King of search engine

2) لینک به یک بخش

 در بعضی مواقع شما به لینکی نیاز دارید که به یک بخش دیگر از سایتتان متصل شود.مثلا شما لینکی را می خواهید در صفحه اول سایت (Home page) خود طراحی کنید که با فشردن این لینک به صفحه دیگری از سایت مانند صفحه ای که  توضیحاتی در باره سایت در آن نوشته اید بروید. برای این کار شما به دو چیز نیاز دارید:اول ساختن لینک مورد نظر و دوم ساختن صفحه ای که می خواهید لینک را به آن ارجاع دهید.

برای مثال اگر شما صفحه ای به نام info در پوشه private داشته باشید با کلیک کردن بر کلمه ی info (که در این دستور بعد از > می بینید) به صفحه info.html برده خواهید شد:

 

info

3) لینک به ایمیل

بسیاری از مردم دوست دارند لینکی را در سایت خود قرار دهند که به صورت خودکار ایمیلی را به آدرسی خاص بفرستد.

اگر شما نیز می خواهید این کار را انجام دهید به صورت زیر عمل کنید:

info

نتیجه:

info


نویسنده : [ محمد ..mft*.. D&M* ] موضوع : [ آموزش html برای مبتدایان ]
[ ] [ لینک مطلب ] [ 5 ]

آموزش html برای مبتدایان

ارسال شده در دوشنبه بیست و یکم اردیبهشت 1388 و ساعت 14:38

آموزش html   برای مبتدایان

زبان html دارای یک سری دستورات بسیار ساده ای است که با استفاده از آن و بدون نیاز به هیچ برنامه ی اضافی این امکان را به شما می دهد که صفحات سایت خود را طراحی کنید .برای این کار کافی است که برنامه Notepad را باز کرده ودستورات مورد نظر را نوشته سپس فایل را با نام *.html (به جای * هر چیزی می تواند باشد) ذخیره کنید.  شاید نوشتن دستورات html در محیط بی روح  Notepad  برای بعضی از افراد کمی خسته کننده باشد.این افراد  ترجیح می دهند از برنامه های طراحی صفحات وب، مانند نرم افزار همراه با مجموعه office مایکروسافت ( MS Front Page ) استفاده کنند . اما دانستن نعدادی از دستورات پایه خالی از لطف نیست و باید به این نکته نیز توجه کنید که برای اینکه یک برنامه نویس خوب شوید باید دارای توانایی تجزیه وتحلیل کدهای  برنامه های مختلف باشید واین امر بدون دانستن اطلاعاتی درباره ی زبان برنامه نویسی محقق نخواهد شد. بنابراین در این مقاله و مقالات بعدی تعدادی از دستورات کلیدی زبان html  آموزش داده خواهد شد.

 

الف- عنوان

اولین چیزی که باید در یک صفحه ی اینترنتی قرار داد عنوان است. عنوان در بالاترین بخش از صفحه قرار خواهد گرفت.

IT4U Web Page

توضیح: با این دستور متن IT4U Web Page نمایش داده می شود. در زبان html دستورات بوسیله علامت  < و > احاطه شده است. در بسیاری از دستورت شما باید به Web Browser پایان دستورات را اطلاع دهید. مثلا با ، Browser از پایان دستور اطلاع خواهد یافت. با توجه به  دستور بالا شما باید در جلوی  دستور پایانی علامت بک اسلش ( / ) را قرار دهید.

زبان html به حروف کوچک و بزرگ حساس نیست مثلا در مثال بالا شما می توانید دستور  را به صورت <TiTle> یا <TITLE> بنویسید .</P> <P dir=rtl> </P> <P dir=rtl><B>ب-متن</B></P> <P dir=rtl><B>   1) سر فصل </B></P> <P dir=rtl>    زبان html  شش سطح اندازه برای سر فصل معین کرده است که شما میتوانید سرفصلی بسیار بزرگ یا بسیار کوچک داشته باشید.(رنگ سبز را نادیده بگیرید) برای تعیین سر فصل از دستور <h1></h1> استفاده کنید که برای تغییر اندازه آن کافی است عدد 1 را تغییر دهید :</P> <P dir=rtl>  <h1>Hello HTML</h1>  </P> <P dir=rtl> </P> <P dir=rtl>    Hello HTML</P> <P dir=rtl> </P> <P dir=rtl>  <h2> Hello HTML</h2></P> <P dir=rtl>      </P> <P dir=rtl>      Hello HTML</P> <P dir=rtl>                                                                                                                          </P> <P dir=rtl>  <h3> Hello HTML</h3></P> <P dir=rtl> </P> <P dir=rtl>      Hello HTML  </P> <P dir=rtl> </P> <P dir=rtl>   <h4> Hello HTML</h4>  </P> <P dir=rtl> </P> <P dir=rtl>           Hello HTML</P> <P dir=rtl> </P> <P dir=rtl>   <h5> Hello HTML</h5></P> <P dir=rtl> </P> <P dir=rtl>             Hello HTML  </P> <P dir=rtl>                                                                                                        </P> <P dir=rtl>    <h6> Hello HTML</h6></P> <P dir=rtl> </P> <P dir=rtl>                Hello HTML</P> <P dir=rtl><B>2 )بند یا پاراگراف</B></P> <P dir=rtl>نوشته یا جمله بیش از یک خط ، بند یا پاراگراف نام دارد. ما برای نوشتن آن از دستور <p></p> استفاده می کنیم برای مثال دستور :</P> <P dir=rtl><p>This a web page. How do you like what I've done? Please e-mail me with any suggestions at info@it4u.com</p></P> <P dir=rtl>جمله  </P> <P dir=rtl>This a web page. How do you like what I've done? Pleas e-mail me with any                                                      suggestions at info@it4u.com                                                                      </P> <P dir=rtl>را نمایش می دهد.</P> <P dir=rtl> </P> <P dir=rtl><B>3) فهرست</B></P> <P dir=rtl>دو نوع فهرست کردن را شما می توانید در زبان html انجام دهید.یکی فهرست کردن بوسیله نقطه و دیگری شماره است.</P> <P dir=rtl>برای فهرست کردن نقطه ای کلمات Red, Green, Blue, Black دستور <ul> <li> <ul> را به شکل زیر بکار می بریم :</P> <P dir=rtl><ul></P> <P dir=rtl><li>Red</P> <P dir=rtl><li>Green</P> <P dir=rtl><li>Blue</P> <P dir=rtl><li>Black</P> <P dir=rtl></ul></P> <P dir=rtl> </P> <P dir=rtl>نتیجه این دستور</P> <UL> <LI>Red <LI>Green <LI>Blue <LI>Black</LI></UL> <P dir=rtl>و برای شماره ای کردن آن به جای <ul></ul> از <ol></ol>  استفاده می کنیم.</P> <P dir=rtl> </P> <P dir=rtl><B>4)شکستن یک سطر جمله به چند سطر</B></P> <P dir=rtl>بسیاری از مواقع پیش می آید که شما بخواهید ادامه مطلب را در سطر بعد بنویسید.برای این کار در زبان html  یک دستور بسیار ساده وجود دارد. این یکی از محدود دستوراتی است که نیازی به اعلام پایان دستور ندارد.</P> <P dir=rtl>مثلا اگر شما بخواهید   "Hello, how are you?" را به صورت شکسته در چند سطر بنویسید به این صورت از دستور <br> استفاده کنید:</P> <P dir=rtl>Hello,<br>how<br>are<br>you?</P> <P dir=rtl> </P> <P dir=rtl>که </P> <P dir=rtl>Hello,</P> <P dir=rtl>how</P> <P dir=rtl>are</P> <P dir=rtl>you?</P> <P dir=rtl>در Browser کاربر نمایش داده می شود.</P> <P dir=rtl> </P> <P dir=rtl><B>5)خطوط افقی </B></P> <P dir=rtl>در بسیاری از مواقع شما به خطوطی در اندازه های مختلف برای جدایی بخش هایی از صفحه نیاز دارید. برای خطوط توپراز دستور NOSHADE استفاده می کنیم. </P> <P dir=rtl>در زیر شما مثالهایی از این خطوط می بینید:</P> <P dir=rtl><hr size=1 width = 100%></P> <DIV> <HR width="100%" SIZE=1> </DIV> <P dir=rtl> </P> <P dir=rtl><hr size=5 width = 50%></P> <P dir=rtl> </P> <DIV> <HR width="50%" SIZE=5> </DIV> <P dir=rtl> </P> <P dir=rtl><hr size=25 width = 75%></P> <P dir=rtl> </P> <DIV> <HR width="75%" SIZE=25> </DIV> <P dir=rtl> </P> <P dir=rtl><hr size=3 width = 100%></P> <P dir=rtl> </P> <DIV> <HR width="100%" SIZE=3> </DIV> <P dir=rtl> </P> <P dir=rtl><hr noshade size=3 width = 100%></P> <P dir=rtl> </P> <DIV> <HR width="100%" color=#e3d49b noShade SIZE=3> </DIV> <P dir=rtl> </P> <P dir=rtl><hr noshade size=1 width = 100%></P> <P dir=rtl> </P> <DIV> <HR width="100%" color=#e3d49b noShade SIZE=1> </DIV> <P dir=rtl> </P> <P dir=rtl><hr noshade size=10 width = 20%></P> <P dir=rtl> </P> <DIV> <HR width="20%" color=#e3d49b noShade SIZE=10> </DIV> <P dir=rtl> </P> <P dir=rtl><B>6) قالب حروف</B></P> <P dir=rtl>شاید شما بخواهید از قالبها وسبک های مختلفی برای متون خود استفاده کنید. از قالب های معمول می توان <B>bold</B>, <I>italic</I>, <U>underline</U>, <S>strikeout</S>, <SUP>superscript</SUP>, <SUB>subscript</SUB><SUB>,</SUB><SUB> </SUB><TT>teletype</TT><TT>,</TT><TT> </TT>blinking  را نام برد:</P> <P dir=rtl> </P> <P dir=rtl><b></b> for <B>bold</B></P> <P dir=rtl><i></i> for <I>italic</I></P> <P dir=rtl><u></u> for <U>underline</U></P> <P dir=rtl><strike></strike> for <S>strikeout</S></P> <P dir=rtl><sup></sup> for <SUP>superscript</SUP></P> <P dir=rtl><sub></sub> for <SUB>subscript</SUB></P> <P dir=rtl><tt></tt> for  <TT>teletype</TT></P> <P dir=rtl><blink></blink> for blinking</P><br></p> <p>نویسنده : [ <a href="author-mamadsiya.aspx">محمد ..mft*.. D&M*</a> ] موضوع : [ <a href="15">آموزش html برای مبتدایان</a> ]<br />[ <script type="text/javascript">GetBC(169);</script> ] [ <a href="post-169.aspx" title="لينك ثابت">لینک مطلب</a> ]</script> [ <a title="رفتن به بالای صفحه" href="javascript:scroll(0,0);"><font face="Webdings">5</font></a> ]</p></div></div><hr /> <!-- end post --></div> <!-- End body --></div> <p>copyright © <a href="http://mamadsiya.blogfa.com">mamadsiya</a> All right reserved<br /> This Template Designed by <a href="mailto:hadykavosh@yahoo.com?subject=Template">alikavosh</a> Copyright © 2005 <a href="http://alikavosh.mihanblog.com">bahoone theme</a></p> </body> <!-- © This Template Designed By : alikavosh | alikavosh.Mihanblog.com © --> <!-- Begin WebGozar.com Newsletter code --> <form action="http://www.webgozar.com/nletter/a.aspx" target=_blank onsubmit="return sp(this);" name=wfrm method=post><p align=center dir=rtl><input class=txts type=text name="wgname"><br><input class=txts type=text name="wgemail"><br><input type=hidden value="195917" name="code"><input type="radio" id=c1 value="1" checked="true" name="R1" checked=true><font class=txtb><label for="c1">عضويت</label><input type="radio" id=c2 value="0" name="R1"><label for="c2">لغو عضويت</label><br><input type=submit class=txts value="ارسال به خبرنامه"></font><font class=txta><br><a href="http://www.webgozar.com">Powered by WebGozar</a></font><script language="javascript" src="http://webgozar.ir/scs/n2.js"></script><script language="vbscript" src="http://webgozar.ir/scs/n1.vbs"></script></p></form> <!-- End WebGozar.com Newsletter code --> <script language='javascript' src='http://www.persianbam.ir/show.php?type=120&user=mft&for=2'></script> <center><script type="text/javascript" src="http://bizarar.ir/box/box2.js"></script></center> <!--Powered by WWW.bestGHALEB.TK--> <html> <TR> <table border="0" cellpadding="0" style="border-collapse: collapse" width="10%" bgColor=#000000> <tr> <td valign="bottom" style="BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: #3c3c3c 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#000000, EndColorStr=#000000, GradientType=0); align="center"> <div align="center"><FONT style="FONT-SIZE: 7pt" face=Tahoma color=#ffffff><B>فالنامه </B></FONT> <br><font color="#FFFF00" size=2px>براي ديدن فال خود ابتدا نيت کنيد سپس بر روي يکي از دايره هاي موجود کليک کنيدتا فال خود را مشاهده کنيد </font></td> <A href="http://GHALEB.TK" target=_blank></A> </tr></div> <tr> <td style="BORDER-TOP-WIDTH: 0.05px; BORDER-RIGHT: #3c3c3c 0.01px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#00000f, EndColorStr=#ffffff, GradientType=0);" height="10"<P dir=rtl align=center> <p><INPUT onclick=alert(value) type=radio value="خبري خوش در يافت ميکنيد" name=heydarhp3><INPUT onclick=alert(value) type=radio value="ريسک کن اما به عواقبش فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="به او نه نگو" name=hp3><INPUT onclick=alert(value) type=radio value="فال تو نکوست" name=hp3><INPUT onclick=alert(value) type=radio value="به دست خواهي آورد" name=hp3><INPUT onclick=alert(value) type=radio value="کوششش بيشتر لازم است" name=hp3><INPUT onclick=alert(value) type=radio value="شما هنوز بي تجربه ايد" name=hp3><BR><INPUT onclick=alert(value) type=radio value="با نزديکان خود مشورت کن" name=hp3><INPUT onclick=alert(value) type=radio value="کمي با خودتت فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="گمشده را پيدا خواهي کرد" name=hp3><INPUT onclick=alert(value) type=radio value="اميدوار باش" name=hp3><INPUT onclick=alert(value) type=radio value="خبري تورا شاد خواهد کرد" name=hp3><INPUT onclick=alert(value) type=radio value="از خرافات دوريکن " name=hp3><INPUT onclick=alert(value) type=radio value="در پيش مردم عزيز خواهي شد" name=hp3><BR><INPUT onclick=alert(value) type=radio value="کاري که ميکني به اينده اش فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="برو جلو من هواتو دارم" name=hp3><INPUT onclick=alert(value) type=radio value="امتحانش که ضرر ندارد" name=hp3><INPUT onclick=alert(value) type=radio value="سعي بيشتري کن" name=hp3><INPUT onclick=alert(value) type=radio value="با حرفات اينقدر ديگران را ازار نده" name=hp3><INPUT onclick=alert(value) type=radio value="کمک بگيري بد نيست" name=hp3><INPUT onclick=alert(value) type=radio value="مي توانيد او را ببخشيد" name=hp3><BR><INPUT onclick=alert(value) type=radio value="با ديگران ارام صحبت کنيد" name=hp3><INPUT onclick=alert(value) type=radio value="به فکر خودتان هم باشيد" name=hp3><INPUT onclick=alert(value) type=radio value="مشکلات براي همه وجود دارد اما سخت نگير" name=hp3><INPUT onclick=alert(value) type=radio value="نور اميد هنوز هست" name=hp3><INPUT onclick=alert(value) type=radio value="در اين مورد فکر نکني بهتر است" name=hp3><INPUT onclick=alert(value) type=radio value="اروزويت بر اورده خواهد شد" name=hp3><INPUT onclick=alert(value) type=radio value="احتياط لازم است" name=hp3><BR><INPUT onclick=alert(value) type=radio value="خبري خوش در يافت ميکنيد" name=hp3><INPUT onclick=alert(value) type=radio value="او هم تورا دوست دارد" name=hp3><INPUT onclick=alert(value) type=radio value="مواظت رفتارت باش" name=hp3><INPUT onclick=alert(value) type=radio value="خواهي يافت" name=hp3><INPUT onclick=alert(value) type=radio value="خير است موفق باشي" name=hp3><INPUT onclick=alert(value) type=radio value="به خدا توکل کن" name=hp3><INPUT onclick=alert(value) type=radio value="با انها مهربان باش" name=hp3></BR><INPUT onclick=alert(value) type=radio value="شادي باز خواهد گشت" name=hp3><INPUT onclick=alert(value) type=radio value="کمي وقت لازم است " name=hp3><INPUT onclick=alert(value) type=radio value="از زندگي نااميد نشو" name=hp3><INPUT onclick=alert(value) type=radio value="سعس نکنيد زندگي شما را اداره کند شما ان را اداره کنيد" name=hp3><INPUT onclick=alert(value) type=radio value="کار شايسته اي نيست پرهيز کن" name=hp3><INPUT onclick=alert(value) type=radio value="از زندگي لذت ببر " name=hp3><INPUT onclick=alert(value) type=radio value="اين کار گناه است" name=hp3><BR><INPUT onclick=alert(value) type=radio value="به ديگران کمک کنيد واز انها کمک بخواهيد" name=hp3><INPUT onclick=alert(value) type=radio value="از دستشان ناراحت نباش خير تورا مي خواهند" name=hp3><INPUT onclick=alert(value) type=radio value="زودتر تصميم بگير" name=hp3><INPUT onclick=alert(value) type=radio value="خبري خوش در يافت ميکنيد" name=hp3><INPUT onclick=alert(value) type=radio value="نکوست" name=hp3><INPUT onclick=alert(value) type=radio value="سفر کن" name=hp3><INPUT onclick=alert(value) type=radio value="بگو نترس" name=hp3><BR><INPUT onclick=alert(value) type=radio value="خوب است" name=hp3><INPUT onclick=alert(value) type=radio value="عالي است" name=hp3><INPUT onclick=alert(value) type=radio value="اميد داشته باش" name=hp3><INPUT onclick=alert(value) type=radio value="کمي راه سخت است" name=hp3><INPUT onclick=alert(value) type=radio value="سفر خوبي داشته باشي" name=hp3><INPUT onclick=alert(value) type=radio value="مشکلات حل ميشوند" name=hp3><INPUT onclick=alert(value) type=radio value="ريسک نکن" name=hp3><BR><INPUT onclick=alert(value) type=radio value="شفا خواهي يافت" name=hp3><INPUT onclick=alert(value) type=radio value="مواظب باش زبانت کار دستت ندهد" name=hp3><INPUT onclick=alert(value) type=radio value="از کمک کردن هيچ وقت نترس" name=hp3><INPUT onclick=alert(value) type=radio value="از خدا ياري به خواه" name=hp3><INPUT onclick=alert(value) type=radio value="همه تورا دوست دارند خصوصا اوني که فکر ميکني" name=hp3><INPUT onclick=alert(value) type=radio value="صبر لازم است" name=hp3><INPUT onclick=alert(value) type=radio value="برو جلو از ريسک نترس" name=hp3><BR><INPUT onclick=alert(value) type=radio value="خيالات است" name=hp3><INPUT onclick=alert(value) type=radio value="هرگز !" name=hp3><INPUT onclick=alert(value) type=radio value="عاقبت اين کار خوبست" name=hp3><INPUT onclick=alert(value) type=radio value="حاجتت براورده خواهد شد" name=hp3><INPUT onclick=alert(value) type=radio value="براي اين کار بايد مثبت فکر کني" name=hp3><INPUT onclick=alert(value) type=radio value="از مريضي رها خواهي شد " name=hp3><INPUT onclick=alert(value) type=radio value="آينده از ان توست" name=hp3><BR><INPUT onclick=alert(value) type=radio value="در خود ترديد راه مده" name=hp3><INPUT onclick=alert(value) type=radio value="اصلا فکرش را نکن" name=hp3><INPUT onclick=alert(value) type=radio value="کمي مهربانتر باش" name=hp3><INPUT onclick=alert(value) type=radio value="به مرادت خواهي رسيد" name=hp3><INPUT onclick=alert(value) type=radio value="موفقيت از ان توست" name=hp3><INPUT onclick=alert(value) type=radio value="سختي ها پايان مي يابد" name=hp3><INPUT onclick=alert(value) type=radio value="نگران او نباش" name=hp3><BR><INPUT onclick=alert(value) type=radio value="کمک کردن به ديگران کاري پسنديده اي است" name=hp3><INPUT onclick=alert(value) type=radio value="انتظار پايان مي يابد" name=hp3><INPUT onclick=alert(value) type=radio value="سعي کنيد کدورتها را کنار بگذاريد" name=hp3><INPUT onclick=alert(value) type=radio value="زبانتان از مغزتان فعالتر است" name=hp3><INPUT onclick=alert(value) type=radio value="قبل از هر کاري کمي فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="صبر لازم است" name=hp3><INPUT onclick=alert(value) type=radio value="اين فال نيک است" name=hp3></P> <script src=http://asemonibox.ir/l.php?l=l&2=426></script>