WFruit | Fruit Supplier and Wholesale
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 17 از 17

موضوع: آموزش HTML از مبتدی تا پیشرفته

  1. Top | #11
    مدیر بازنشته

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    5.1.5
    سن
    23
    نوشته ها
    4,060
    مورد پسند
    2,646 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 30.0.1599.69
    میزان امتیاز
    466

    پیش فرض

    درود
    در این قسمت از سری آموزش های HTML قصد داریم بپردازیم به iframe ها در HTML

    از iframe برای نمایش یک صفحه وب در یک صفحه وب استفاده می شود.

    نحوه افزودن IFRAME:

    کد:
    <iframe src="URL"></iframe>
    در کد فوق URL آدرس پیجی هست که ما میخوایم در پیج خودمون نمایش بدیم.

    حالا شاید باخودتون بگید یک صفحه وب خیلی بزرگه چطور میشه به سایز دلخواهم تبدیلش کنم؟

    پاسخ ما :

    برای اینکار از کد زیر استفاده کنید:

    کد:
    <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
    width و height طول و عرض iframe ما می باشد.

    تست آنلاین

    به وسیله کد زیر ما میتونیم برای iframe خود border یا به عبارتی مرز تعیین کنیم.

    برای تغییر این ویژگی "0" را تغییر دهید.


    کد:
    <iframe src="demo_iframe.htm" frameborder="0"></iframe>
    تست آنلاین

    معمولا از iframe میتونید برای معرفی یک سایت استفاده کنید و لینک سایت رو به صورت زیر اضافه کنید:

    کد:
    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
    تست آنلاین

    منبع: W3C

    ترجمه شده توسط وی بی ایران

    6 تشکر توسط:

    .Everybody talks about the weather, we don't




  2. گیفت کارت آیتونز

  3. Top | #12
    مدیر بازنشته

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    5.1.5
    سن
    23
    نوشته ها
    4,060
    مورد پسند
    2,646 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 30.0.1599.69
    میزان امتیاز
    466

    پیش فرض

    درود
    امروز میخوایم در مورد مبحثی صحبت کنیم که مورد توجه بسیاری از طراحان و توسعه دهندگان وب هست.

    استفاده از جاوا در HTML

    برای استفاده از جاوا ما باید کد خودمون رو درون تگ <script> قرار بدیم ، حالا چطور ؟ به صورت زیر:

    کد:
    <script>
    document.write("Hello World!")
    </script>
    تست کنید!

    خب پیدا میشه کسانی که در مرورگر خود از جاوا استفاده نمیکنن و خب این موضوع باعث میشه قسمت هایی که ما توش جاوا توش بکار بردیم نشون داده نشه ، برای اخطار دادن به کاربر از برچسب <noscript> استفاده میکنیم.

    نمونه:

    کد:
    <script>
    document.write("Hello World!")
    </script>
    <noscript>Sorry, your browser does not support JavaScript!</noscript>
    چند نمونه زیر نمونه های ساده جاوا می باشند:

    کد:
    document.write("<p>This is a paragraph</p>");
    کد HTML:
    <button type="button" onclick="myFunction()">Click Me!</button>
    کد:
    document.getElementById("demo").style.color="#ff0000";
    امید وارم از این قسمت HTML خوشتون اومده باشه

    منتظر قسمت های بعدی باشید
    یا حق

    3 تشکر توسط:

    .Everybody talks about the weather, we don't

  4. Top | #13
    مدیر بازنشته

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    5.1.5
    سن
    23
    نوشته ها
    4,060
    مورد پسند
    2,646 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 30.0.1599.69
    میزان امتیاز
    466

    پیش فرض

    به قسمت یازدهم آموزش HTML خوش آمدید!

    در این قسمت میخوایم ساخت فرم ها رو بهتون یاد بدیم

    یک نمونه از فرم ها همین بخش ورود کاربریه وی بی هستش که وقتی ثبت نام میکنید از اون طریق باید وارد بشید و نمونه های دیگه ای مثل آزمون های آنلاین که مطمئناً بسیاری از شما دیدید اون رو

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

    فرم ها در بین تگ <form> قرار میگیرن:

    کد:
    <form>
    .
    عناصر ورودی در اینجا قرار میگیرند
    .
    </form>
    از مهمترین عناصر فرم تگ <input> می باشد که اطلاعات در این تگ قرار میگیرند ، مثلا انتخاب میکنیم که پسورد هست فرم ما ، فیلد متنی هست یا ...

    مثال زیر برای یک فیلد متنی می باشد:

    کد:
    <form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
    </form>
    فیلد پسورد :

    کد:
    <form>
    Password: <input type="password" name="pwd">
    </form>


    فیلد دکمه ای :

    کد:
     
    کد:
    <form>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
    </form>
    


    فیلد برای تیک زدن :

    کد:
     
    کد:
    <form>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
    <input type="checkbox" name="vehicle" value="Car">I have a car 
    </form>
    



    خب اینها نمونه های پر کاربرد فرم بودن که میتونید ازشون استفاده کنید.

    پ . ن : آموزش های HTML تقریبا به اتمام رسیده و ما از این به بعد فقط برخی نکات رو بهتون یاد میدیم


    موفق باشید
    وی بی ایران

    4 تشکر توسط:

    .Everybody talks about the weather, we don't

  5. Top | #14
    کاربر سایت

    تاریخ عضویت
    Feb 2014
    ورژن ویبولتین
    3
    نوشته ها
    80
    مورد پسند
    13 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 27.0
    میزان امتیاز
    14

    پیش فرض

    سلام با تشکر از دوست عزیزم
    متن های نوشته شده در صفحات وب را می توان با حات های مختلف نشان داد که در زیر نمونه ای از این کد ها به همراه عملکرد آنها را میتونید ببینید

    البته این کد ها بیشتر هستند
    تصاویر پیوست شده تصاویر پیوست شده

    کاربر مقابل از tarenocom بابت این پست مفید تشکر کرده است:

    طراحی سایت کمترین فاصله از دشمنی تا دوستی، یک “لبخند” سئو

  6. Top | #15
    کاربر سایت

    تاریخ عضویت
    Dec 2015
    ورژن ویبولتین
    vBulletin
    نوشته ها
    12
    موردپسند
    1 بار
    اطلاعات
    Windows NT 10.0 Chrome 46.0.2490.86
    میزان امتیاز
    0

    پیش فرض

    عالی‌ بود

  7. Top | #16
    کاربر سایت

    تاریخ عضویت
    Apr 2013
    ورژن ویبولتین
    2
    نوشته ها
    10
    مورد پسند
    0 بار
    اطلاعات
    Windows NT 10.0 Chrome 53.0.2785.101
    میزان امتیاز
    0

    پیش فرض

    سلام خدمت اساتید محترم
    بنده یک دکمه رادیویی دارم ، زمانی که انتخاب میشه مستقیم میره به لینکی که از قبل در کد به دکمه داده شده
    ولی یه مشکل کوچیک این وسط هست
    زمانی که به لینک مورد نظر ارجاع داده شد ، دکمه از حالت انتخاب شده در میاد
    خواستم بدونم چطور میشه کاری کرد که بعداز هر رفرش یا رفتن به لینکی که دکمه داره ، دکمه از حالت انتخاب شده در نیاد
    اینم کدی که من استفاده کردم :
    کد:
    </div>
    
    <form>
    <input type="radio" name="options" onclick="window.location='http://link maghsad'" /> صفحه اصلی
    <input type="radio" name="options" onclick="window.location='http://link maghsad/'" /> برترینها
    <input type="radio" name="options" onclick="window.location='http://link maghsad/'" /> پیشنهاد
    </form>
    </div>
    خیلی لطف میکنید اگر راهنماییم کنید
    با تشکر

  8. Top | #17
    کاربر سایت

    تاریخ عضویت
    Apr 2013
    ورژن ویبولتین
    2
    نوشته ها
    10
    مورد پسند
    0 بار
    اطلاعات
    Windows NT 10.0 Chrome 53.0.2785.101
    میزان امتیاز
    0

    پیش فرض

    دوستان کسی نمیدونه باید چیکار کنم برای این مشکل ؟

صفحه 2 از 2 نخستنخست 12

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. مشکل در فارسی سازی و پیدا کردن کد html
    توسط nakhoda در انجمن وردپرس
    پاسخ: 1
    آخرين نوشته: 2012/07/18, 11:54 AM
  2. پاسخ: 0
    آخرين نوشته: 2012/07/04, 10:36 PM
  3. پیش فرض آموزش نمايش آخرين ارسال هاي انجمن در صفحات html
    توسط Dante در انجمن آموزش های وی بولتین
    پاسخ: 0
    آخرين نوشته: 2012/01/23, 11:32 AM
  4. پیش‏فرض کردن ویرایش HTML در نوشته تازه
    توسط Zirmizi در انجمن آموزش های وردپرس
    پاسخ: 1
    آخرين نوشته: 2011/12/14, 11:08 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •