![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
| صفحه نخست | تماس با مدیر | فروشگاه سایت | انجمن سایت | ||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||
|
اخبار سایت :
|
||||||||||||||||||||||||||||||||||||||||||||||||||
|
در صورت تمایل به کسب اطلاع از آخرین مطالب ارسالی در خبرنامه ثبت نام کنید. |
قسمت دوم از آموزش HTML رو آماده کردیم .امیدوارم که مفید واقع شود و تا پایان آموزش با ما همراه شوید. نظرات شما در کیفیت این آموزش موثر می باشد. تواناییها و خصوصیات عناصر HTML حال به تفصیل به تواناییهای بعضی از عناصر HTML می پردازیم. <a href=”http://www.TopDesign.com”> This is a link</a> در اینجا شما نمونه ای از عناصر HTML به همراه توضیحات تکمیلی (Attribute) را می بینید که در بین یک جفت ” ” قرار گرفته است. تگهای Head Line و یا سرفصلها سرفصلها توسط تگهای h1 تا h6 علامت گذاری می شوند. تگ h1 باعث ایجاد اندازه بزرگتری نسبت به h6 می شود.
<h1>This is a heading</h1> مرورگرها به صورت اتوماتیک یک خط فاصله بعد از این تگها ایجاد میکند. اهمیت تگهای Head Line از این تگها برای بزرگ یا کوچک کردن نوشته ها استفاده نکنید بلکه برای موضوعات پر اهمیت از آنها استفاده کنید و موضوعات و نوشته های پر اهمیت را داخل آنها قرار دهید. موتورهای جستجو مانند گوگل و یاهو برای پی بردن به موضوع وب سایت و صفحه وب شما از نوشته هایی که داخل این تگها قرار دارند استفاده می کنند. ترتیب اهمیت این تگها به ترتیب اهمیت بیشتر از h1 به h6 می رسد.
تگهای خط کشی و یا خط (line) تگ <hr/> برای کشیدن خط ها افقی استفاده میشود. <p>This is a paragraph</p>
نوشتن توضیحات برای کدها HTML این توضیحات باید به صورتی در درون کدهای HTML قرار گیرند که توسط مرورگرها خوانده نشوند. بنابراین این توضیحات را به این صورت می نویسیم. <!– This is a comment –> این نوشته ها توسط مرورگرها خوانده نمی شوند.علامت تعجب فقط در ابتدا قرار می گیرد و در پایان نمی آید.
چگونه کدهای HTML یک صفحه وب را ببینیم؟ برای این کار شما میتوانید در صفحه مرورگرتان گزینه view را از نوار ابزار انتخاب کنید و سپس گزینه view source و یا source را انتخاب کنید.در این حالت یک پنجره جدید باز می شود که کدهای HTML را به شما نشان می دهد.
تگهای پاراگراف (Paragraph) پاراگراف ها توسط تگهای <p> علامت گذاری می شوند. <p>This is a paragraph</p>
مرورگرها به صورت اتوماتیک یک خط فاصله قبل و بعد از این تگها ایجاد میکند. باز هم این نکته را یاد آوری می کنیم که تگهای ابتدایی و انتهایی را فراموش نکنید. تگهای شکستن خط ( Line Breaks ) برای ایجاد شکست در یک خط و رفتن به خط بعدی و ایجاد فاصله از تگ </br> که یک تگ خالی (empty) است استفاده می شود. این نکته قابل ذکر است که کلیه فاصله ها در بین تگهای HTML در هنگام نمایش توسط مرورگرها از بین می رود. <h1> Headline1 </h1> به طور مثال فاصله ای که قبل از محتوای این عنصر HTML وجود دارد در مرورگر از بین می رود.
تگهای نوع نمایش نوشته ها ( Text Formatting ) This text is bold This text is big This text is italic
This is subscript and superscript تگهایی مانند <i> و یا <b> باعث می شوند که نوشته ها به صورت Italic و یا Bold نمایش داده شوند . این تگها را تگهای نوع نمایش یا (Text Formatting ) می نامند. برای آشنایی بیشتر با این تگها صفحات وب را به دقت نگاه کنید.در زیر تعدادی از این تگها را به نمایش می گذاریم.
<p> <b> This text is bold <b></p> This text is bold <p> <strong>This text is strong </strong></p> This text is strong <p><big>This text is big</big></p> This text is big <p><em>This text is emphasized</em></p> This text is emphasized <p><i>This text is italic</i> This text is italic <p><12>This text is 12</12></p> This text is 12 <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> This is subscript and superscript
|
این سایت به منظور انجام پروژه های دانشجویی و همچنین ارائه جدید ترین مقاله ها و آموزش های موجود در رشته مختلف دانشجویی به خصوص رشته های کامپیوتری طراحی شده است. در صورت تمایل به تبادل لینک ، لینک ما را با نام پروژه و آموزش دانشجویی در سایت خود قرار دهید و با ما تماس بگیرید. محبوب کردن الکتروبوت در گوگل
کلیک کنید : نظر شما درمورد ثبت نام در سایت و پرداخت هزینه ماهیانه محدود ، برای دریافت لینک های دانلود مستقیم سایت چیست؟ تاریخ نظر سنجی : 1390.4.12 " لپ تاپ , نوت بوک " آپلود عکس و فایل موبایل آموزش شبکه سورس برنامه نويسي پایگاه دانلود کتب آماری و تحلیل آماری مرکز دانلود رباتیک و الکترونیک ایران وطن ۲۰ رابین سافت مرجع دانلود رایگان حرفه ای ترین قالب هاي وبلاگ آموزش برنامه نویسی طراحی سایت در مشهد بانه ویترین دانلود رایگان فیلم و نرم افزار پروژه دانشجویی دانشجویان معماری پردیسان بزرگترین مرجع رشته کامپیوتر دانلود دانلودها بروزترین سایت تفریحی طراحی وب سایت زیباپیکس دانلود رایگان کتاب ZARAN | طراحی حرفه ای وب سایت Free photos and wallpapers بزرگترین مرکز وبمسترهای ایرانی آریا دانلود جامعه دانشجویان ایران -- همه چیز -- پی.سی.ول عقیق مجموعه ای گرانبها پرتال جامع موبایل مهندسی معماری ایستگاه نیاز روز دانلود پروژه های آموزشی ::.به روز رسانی نود 32.:: موسسه خیریه شیعیان مركزدانلود آموزش و پروژه دانشجويي کتب و جزوات شبکه و الکترونیک ๑۩۞۩๑ترفندهای داغ ویندوز7 ๑۩۞۩๑ بزرگترین سایت دانلود برنامهها www.elec4u.ir پورتال آموزشي و تفريحي ايران فورت P30p30 بهترین سایت سرگرمی و دانلود وطـــن دانلود آریا مسکن - خرید و فروش املاک قالـــب وبلاگ دانلود پروژه، تحقیق و مقالات دانشجویی جزيره دانش پرشیا دانلود دریافت پروژه کارشناسی کلیک جادویی بزرگترین مرکز دانلود مقالات و کتابهای رشته کامپیوتر جدیدترین دستاوردهای فیزیک وبلاگ انجمن سرامیک میبد وبلاگ شخصی مهندس پورقاسمی دنیای کامپیوتر و تکنولوژی منابع plc ،برق،الکترونیک ،رباتیک فاروکسا / وب2 ۩۞۩ بزرگترین شهر دانلود ۩۞۩ نمایشگاه مبل سفیر مکانیک ، هوافضا ، اخترفیزیک فقط مهندسی برق خانه آیلتس ایران بزرگترین سایت اطلاعات کامپیوتری .:: قالب وبلاگ ::. طراحی سایت - Radcom وبلاگ مهندس مهدی بقالها پربیننده ترین مرجع اطلاع رسانی ایران .:: پادشاه کامپیوتر ::. فروشگاه و کسب درآمد از اینترنت دانشجويان الکترونيک شوشتر آفتابـــــــــگردان دانشجویان الکترونیک بوشهر دانلود رايگان پلان و مقالات عمراني پایگاه مجازی برق الکترونیک
» مطالب ارسالی : 372
» امروز : يكشنبه 16 بهمن 90 » بازدید های امروز : 550 » بازدید های دیروز : 2480 » بازدید های ماه : 8872 » نظرات : 227 » افراد آنلاین : 15 » کاربران عضو : 7635 » بازدید کل : 1404603 » تاریخ تاسیس : 1388/7/1
|
||||||||||||||||||||||||||||||||||||||||||||||||
| ElectRobot.ORG @ 2009 | Powered By ElectRobot.ORG | ||||||||||||||||||||||||||||||||||||||||||||||||||