|
| نام کاربر | ارسال |
| tvnet | 8 |
| javad75 | 6 |
| bahroz | 6 |
| msm91 | 5 |
| mfam | 5 |
| nimant2 | 3 |
| sa302 | 3 |
| avaee | 3 |
| 3dhdfarrokh | 2 |
| mohammad2407 | 2 |
| akbarg64 | 1 |
براي دريافت فايل يا پوشه مورد نظر خود آدرس را در کادر زيروارد نماييد
| سوال | |
| · آموزش HTML قسمت پنجم · آموزش HTML قسمت سوم · آموزش HTMLقسمت اول · آموزش HTML قسمت دوم · آموزش HTML قسمت چهارم · آموزش HTML قسمت ششم |
| پاسخ | |
| · آموزش HTML قسمت پنجم \r\n
\r\n لينک هاي خارجي \r\n \r\n \r\n <a href="http://www.internetstar.ir"> internetstar web </a> \r\n\r\n \r\n \r\n اين لينک از اجزاء مختلفي تشکيل شده است که توضيح خواهيم داد \r\n\r\n
\r\n لينک ها داخلي \r\n \r\n \r\n <a href="aboutus.html"> About us </a> \r\n\r\n \r\n \r\n ملاحضه ميکنيم که در مقدار اقثب که همان آدرس صفحه ميباشد خبري از http://www نيست و فقط اسم صفحه مورد نظر نوشته ميشود \r\n
\r\n براي توضيح بيشتر براي ساخت يک وب سايت ابتدا يک folder به نام وب سايت بسازيد . نام فولد اختياري است \r\n \r\n \r\n <a name="label"> any content </a> \r\n\r\n \r\n \r\n \r\n در قسمت "label" مي توانيد نام مورد نظر خود را قرار دهيد \r\n\r\n \r\n \r\n <a href="#label"> any content </a> \r\n\r\n \r\n \r\n و در اينجا لينک مورد نظر را مشاهده ميکنيد . ملاحظه مي نمائيد براي مقدار href مقدار name در لينک اول همراه با علامت# در ابتدا قرار داده شده است \r\n \r\n \r\n <a href="top"> top of page </a> \r\n\r\n \r\n \r\n \r\n \r\n و سپس در انتهاي صفحه لينک زير را قرار ميدهيم / به مقدار خصوصيات href دقت کنيد . حالا با کليک بر روي اين لينک به قسمت بالاي صفحه خواهيد رفت \r\n\r\n \r\n <a href="#top"> top of page </a> [ بالای صفحه ] | |
| · آموزش HTML قسمت سوم تواناييها و خصوصيات عناصر HTML <a href="http://www.internetstar.ir"> internetstar web site</a> \r\n\r\n \r\n \r\nمرورگر ها به صورت اتو ماتيک يک خط فاصله بعد از اين تگها ايجاد ميکند. \r\n \r\n \r\n<h1> phpnuke web </h1> \r\n\r\n<hr/> \r\n<h2> phpnuke web </h2> \r\n<hr/> \r\n<h3> phpnuke web </h3> \r\n<hr/> \r\n<h4> phpnuke web </h4> \r\n<hr/> \r\n<h5> phpnuke web </h5> \r\n<hr/> \r\n<h6> phpnuke web </h6>\r\n \r\n \r\n \r\nنوشتن توضيحات براي کد هاي HTML \r\n \r\n \r\n<!-- اينجا محل نوشتن توضيحات هست -->\r\n \r\n\r\n | |
| · آموزش HTMLقسمت اول \r\n بخش اول ---------------------- \r\n \r\n متن بين <html>و <html/> صفحه وب را مشخص ميکند و متن <body> و <body/> قسمت قابل روت يک صفحه وب را نشان ميدهد . متن بين <h1> و <h1/> به صورت يک سر فصل نمايش داده مشود و متن بين <p> و <p/> به صورت يک پاراگراف نمايش داده ميشود \r\n \r\n \r\n | |
| · آموزش HTML قسمت دوم \r\n ادامه بخش اول.................... \r\n \r\n \r\n \r\n \r\n \r\n سرفصلها توسط تگ هاي <h1> تا <h6> علامت گذاري ميشود \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n پاراگراف ها توسط تگهاي <p> علامت گذاري ميشود \r\n\r\n \r\n پيوند ها و يا لينک ها \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n تصاوير توسط تگ </img> علامت گذاري ميشوند که داراي نشانه ها و تفاوت هايي با 3 تگ قبلي است که در ادامه توضيح داده ميشود (ماننده نام و اندازه تصاوير ) \r\n \r\n
\r\n البته در مورد توانايي هاي و مشخصات عناصر HTML در ادامه به صورت کامل توضيح داده خواهد شد. \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n تگهاي HTML معمولا توسط تگهاي احاطه شده اند و از قانون خاصي پيروي مي کنند به اين صورت که تگ ابتدا در آخر بسته ميشود اين بدين معنا ست که تگي که جلو تر از همه تگها باز ميشود بايد در آخر همه آنها بسته شود براي درک بهتر اين مطلب به مثال زير توجه کنيد \r\n \r\n | |
| · آموزش HTML قسمت چهارم \r\n تگ هاي پاراگراف \r\n <p> this is a paragraph </p> \r\n\r\n <p> this is a another paragraph </p> \r\n مرورگر ها به صورت اتو ماتيک يک خط فاصله قبل و بعد از اين تگ ها ايجاد ميکنن باز هم اين نکته را ياد آوري ميکنم که تگ هاي ابتدايي و انتهايي را فراموش نکنيد \r\n <p> this is a <br/> paragraph </p> \r\n\r\n \r\n به طور مثال فاصله اي که قبل از محتواي اين عصر HTML وجود دارد در مروگر از بين ميرود \r\n <p><b>this is a paragraph</b></p> \r\n\r\n <p><strong>this is a paragraph</strong></p> \r\n <p><big>this is a paragraph</big></p> \r\n <p><em>this is a paragraph</em></p> \r\n <p><i>this is a paragraph</i></p> \r\n <p><small>this is a paragraph</small></p> \r\n <p> this is <sub> subscript</sub> and<sup>superscript</sup></p> \r\n style ها \r\n <p style="background-color:yellow"></p> \r\n\r\n <h1 style="font-size:10px"></h1> \r\n <p style="font-family:times"></p> \r\n <p style="text-align:center"></p> \r\n اينها کد هايي هستند که درون تگهاي HTML نوشته ميشود \r\n <html> \r\n\r\n <body style="background-color:yellow"> \r\n <h2>look: colored background!</h2> \r\n </body></html> \r\n در قسمت body و يا بدنه صفحه وب مشاهده ميکنيد که از يکي style خطي استفاده شده است اين کد باعث خواهد شد که پس زمينه و يا background صفحه وب شما به رنگ زرد نمايش داده بشه براي مشاهده عملي اين صفحه آن را با توجه به خود آموز هاي قبلي بسازيد \r\n <html> \r\n\r\n <body> \r\n <h1 style="font-family:verdana">A heading </h1> \r\n <p style="font-famile:courier new;color:red;font-size:40px;">web site internetstar.ir </p> \r\n </body> \r\n </html> \r\n مشاهده ميکنيد در تگ <p> , <h1> اين style ها براي تغيير نوع فونت به کار ميرود \r\n <html> \r\n\r\n <body> \r\n <h1 style="text-align:center"> php-nuke.ir </h1> \r\n <p>Ever wonder how airline jets navigate the Earth from 30,000 feet on a cloudy day? The road maps provided by Google Maps wouldn’t be that relevant after all. The fact is most flights use radio navigation or GPS to find their way, and the radio navigation beacons they use are often visible in Google’s aerial and satellite imagery.</p> \r\n </body> \r\n </html> \r\n با توجه به گستردگي در مورد style ها در اينجا به همين توضيحات اکتفا ميکنيم و توضيحات بيشتر را در مورد style ها به خود آموز هاي بعدي موکول ميکنيم [ بالای صفحه ] | |
| · آموزش HTML قسمت ششم \r\n وارد کردن تصاوير در صفحات html \r\n قبل از شروع اين خود اموز نکته هايي رو ياد آوري ميکنم يکي از ابتدايي ترين مسائل براي شروع ساخت يک وب سايت و ساختن صفحات وب ساخت directory ها و يا پوشه هايي هستند که وب سايت و صفحات وب درون آن قرار گيرند که از استاندارد هاي خاصي پيروي ميکنند . \r\n\r\n \r\n براي شروع يک فولدر به نام وب سايت خود بسازيد و درون آن فولدري با نام images قرار دهيد همانطور که ميدانيد يکي از اصلي ترين عناصر تشکيل دهنده يک وب سايت تصاوير هستند که باري استفاده انها در صفحه وب بايد فايل انها را داخل پوشه images قرار دهيد .( براي جلوگيري از بهم ريختگي فايل هاي شما و ادرس دهي مناسب و استاندارد ) \r\n\r\n \r\n براي وارد نمودن تصاوير در صفحات وب از اين تگ استفاده مي شود \r\n\r\n \r\n \r\n <img src=”image.gif” alt=””> \r\n\r\n \r\n \r\n اين تگ img نشانه قرار گرفتن تصوير در صفحه و خصوصيت src آدرس محل قرار گرفتن فايل تصوير است . اگر صفحه اي که عکس بايد در ان قرار گيرد و خود تصوير در يک پوشه قرار داشته باشد شما ميتوانيد فقط نام فايل را به ادرس کامل بنويسيد \r\n\r\n \r\n\r\n مثلا اگر تصوير شما در اين ادرس قرار داردhttp://www.phpnuke.ir/Forum/download/file.php?avatar=6341_1298485265.jpg و صفحه اي که در حال ويرايش آن هستيد در پوشه اي غير از اين قرار دارد شما بايد تگ زير را براي اضافه کردن تصوير به صفحه خود به کار ببريد . \r\n\r\n \r\n
\r\n \r\n اگر فايل html و تصوير هر دو در يک پوشه باشند ميتوان از اين تگ استفاده کرد \r\n \r\n \r\n
\r\n \r\n \r\n \r\n و در اينجا به دليل اينکه تصوير ما داخل پوشه images قرار دارد آدرس دهي ما به صورت زير انجام مي گيرد \r\n \r\n پسوند فايل حتما نبايد gif باشد يعني شما ميتوانيد از فرمتي مثل jpg نيز استفاده کنيد اين دو فرمت از بقيه پر استفاده تر هستند اگر شما تصويري با فرمتي غير از اين دو فرمت داريد ميتوانيد از برنامه هاي ويرايش عکس از قبيل فتوشاپ براي تبديل فرمت استفاده کنيد \r\n براي نمونه من ميخواهم يک عکس را با نام php.gif را که در پوشه images قرار دارد در صفحه وب اضافه کنم \r\n در اينجا از اين تگ استفاده ميکنم \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n به اين ترتيب يک تصوير را در سمت چپ مرورگر خواهيد ديد \r\n \r\n \r\n <img src="internetstar.gif" align="center" alt="internetstar"/> \r\n\r\n \r\n \r\n \r\n \r\n مقدار align ميتواند top.left . right. center باشد که در قسمت هاي اينده توضيحات بيشتري خواهيم داد \r\n \r\n \r\n <img src="internetstar.gif" align="center" alt="internetstar.ir"/> \r\n\r\n \r\n فرستنده آموزش : mohammad2407 [ بالای صفحه ] | |
