تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 3 از 3 نخستنخست 123
نمایش نتایج: از 21 به 24 از 24

مقاله: آموزش کامل HTML اختصاصی وی بی ایران - جلسه چهارم

    1. آموزش کامل HTML اختصاصی وی بی ایران - جلسه چهارم »

      آموزش کامل HTML اختصاصی وی بی ایران - جلسه چهارم

      نگارش: , by (طراح استایل / مدیر ارشد)
      2013/03/29 10:00 PM
      امتیاز: 

      ضمن عرض سلام دوباره امشب نمیدونم چرا این ادیتور با من لج کرده 2باره دارم تا نصفه مینویسم حالا یه بارش حواسم نبود پنجره بسته شد یه بارش هم یه دفعه ادیتور سفید شد !

      حالا کاری نداریم دوباره مینویسم مشکلی نداره...

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

      چون تعداد برچسب ها زیاد هست و نمیرسم که تک تک براتون معرفیشون کنم اونهاییکه زیاد کاربرد بیشتری داره رو براتون توضیح میدم.

      برچسب بعدی که میخوام در موردش حرف بزنم برچسب <code> </code> هست که شما هر چیزی داخل این برچسب بنویسید به صورت کد نوشته میشه و اصطلاحا اجرا نمیشه مثلا:

      کد:
      <title>Untitled Document</title>
      اگرشما این رو داخل یه کد HTML بزنید اجرا میشه اما اگر به صورت زیر زده بشه کدش رو نشون میده:

      کد:
      <code><title>Untitled Document</title></code>

      برچسب بعدی <address> </address> هست که واضح هست برای آدرس دادن استفاده میشه مثلا آدرس محل سکونت...

      برچسب بعدی که خیلی زیاد برای ما ایرانیها کاربرد داره دستور راست به چپ یا چپ به راست کردن یه نوشته هست که rtl میشه راستچین و ltr میشه چپ چین...



      • <bdo dir="rtl"> </bdo> راستچین
      • <bdo dir="ltr"> </bdo> چپ چین


      به مثال زیر توجه کنید:


      کد:
      <bdo dir="rtl">این یک نوشته تست میباشد.</bdo>
      خروجیش میشه این: این یک نوشته تست میباشد.

      حالا با ltr این خروجی رو به ما تحویل میده: Edit this Fiddle - jsFiddle

      برچسب بعدی نقل قول هست که به 2 صورت استفاده میشه..نوع اول <blockquote> </blockquote> هست و نوع بعدی <q> </q> هست که علامت نقل قول " رو به صورت خودکار به نوشته ما اضافه میکنه مثلا: Edit this Fiddle - jsFiddle

      برچسب بعدی حذف هست و دقیقا همونی هست که موقعی که کاربری رو اخراج میکنید یک خط روش کشیده میشه : <del> </del> نمونه: Edit this Fiddle - jsFiddle

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

      پیوندها در HTML

      اول از همه پیوند در HTML رو میخوام براتون توضیح بدم و بعد از اون انشاا... میخوام آشناتون باهاشون کنم.

      دوستان عزیز پیوند ها در کد نویسی HTML مهم هست و یکی از دلایلی که گفتم Dreamweaver رو برای شروع استفاده کنید دقیقا به خاطر همین پیوند ها بود چون به صورت پیشفرض پیوند ها داخلش موجود هست و با اشاره کوچیکی بهشون میتونید یه کدنویسی استاندارد XHTML داشته باشید.


      اولین دستوری که میخوام بهتون معرفی کنم دستور Anchor هست که خیلی ها چه خواسته چه ناخواسته باهاشون سروکله زدید. شکل دستوری Anchor به این صورت هست: <a> </a>

      شما با این دستور میتونید یک لینک (پیوند) یا تصویر یا موزیک یا فیلم یا هرچیزی رو داخل برچسبتون به کار ببرید و اجرا کنید.

      برای اینکه یه لینک داخل کدنویسیتون داشته باشید باید Anchor ب هاین صورت تعریف کنید:

      کد:
      <a href="www.vbiran.ir">بزرگترین مرجع ویبولتین در ایران </a>
      در واقع href معرفی کننده لینک شما هست. خروجی این کد به این شکل هست:

      بزرگترین مرجع ویبولتین در ایران

      از دستور target برای اینکه مشخص کنید که لینک هاتون کجا و چطور باز بشن استفاده میکنید. مثلا در کد زیر:


      کد:
      <a href="www.vbiran.ir" target="_blank">بزرگترین مرجع ویبولتین در ایران </a>
      ما با دستور _blank تعریف کردیم که هرکسی روی لینک کلیک کرد لینک داخل تب جدید براش باز بشه.

      شاید خیلی از سایت ها رو دیدید که بر فرض مثال داخل منو سایتشون زدن قوانین بعد که کلیک میکنید میبینید صفحه به شکلی زیبا پایین میاد و قوانین سایت رو بهتون نشون میده!البته این قابلیت با جکئوری هست اما به صورت خیلی ساده میشه داخل HTML هم اجراشون کرد.

      برای اجرای چنین دستوراتی ما با اضافه کردن یک # به Anchor میتونیم اینکارو انجام بدیم..به مثال زیر توجه کنید.
      Edit this Fiddle - jsFiddle

      دیگر Anchor که استفاده زیادی ازش میشه img هست که میتونید یه عکس رو داخل کدتون نمایش بدید که کدش به این صورت هست:

      کد:
      <img src="http://www.vbiran.ir/images/icons/icon7.png" />
      برای اینکه طول و عرض براش بزاریم به این شکل مینویسیم:


      کد:
      <img src="http://www.vbiran.ir/images/icons/icon7.png" width="16" height="16" />

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

      تشکر فراموش نشه

      با تشکر

      نویسنده: Leberman
      پخش اختصاصی از وی بی ایران



  1. Top | #21
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض




    کد:
    <html>
    <head>
    <body bgcolor="silver">
    </body>
    <center>
    <font face=Tahoma color=black size=30px> VBIran </font>
    <a href ="http://www.vbiran.ir/member.php?u=6266"> <font face=Tahoma color=blue> <h1> Leberman </h1> </font> </a>
    <font face=Tahoma color=silver> Space </font>
    </center>
    <center>
    <img src="http://cdn.vbiran.ir/customavatars/avatar6266_9.gif" width="170" height="200" />
    </center>
    <marquee> <font face=Tahoma color=red size=50px> Leberman </font> </marquee>
    </head>
    </html>
    لطفا ببینید

    اینم با کپی رایت

    کد:
    <html><head>
    <body bgcolor="silver">
    </body>
    <center>
    <font face=Tahoma color=black size=30px> VBIran </font>
    <a href ="http://www.vbiran.ir/member.php?u=6266"> <font face=Tahoma color=blue> <h1> Leberman </h1> </font> </a>
    <font face=Tahoma color=silver> Space </font>
    </center>
    <center>
    <img src="http://cdn.vbiran.ir/customavatars/avatar6266_9.gif" width="170" height="200" />
    </center>
    <marquee> <font face=Tahoma color=red size=50px> Leberman </font> </marquee>
    <p><font face=tahoma color=silver> vbiran </font></p>
    <p><font face=tahoma color=silver> vbiran </font></p>
    <p><font face=tahoma color=silver> vbiran </font></p>
    <p><font face=tahoma color=silver> vbiran </font></p>
    <p><font face=tahoma color=silver> vbiran </font></p>
    
    
    <center>
    <p> Copy Right : <a href="http://www.vbiran.ir"> VBIran </a> 2013 All Rights Reserved </p>
    </center>
    </head>
    </html>
    ویرایش توسط RockstarGames : 2013/03/31 در ساعت 01:50 AM دلیل: ادغام دو پست

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





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

  3. Top | #22
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    3,050
    میزان امتیاز
    363

    پیش فرض

    با اجازه حسین خان
    من اگه بخوام دقیقا همین قسمت که شماره حساب و اینا نوشته توی HTML درست کنم بایه چه دستوری ایجاد کنم؟

    اخبار - سرور ایران

    الان شما ببین من وقتی کد های اون قسمت رو توی HTML میذارم اینطوری میشه:

    پندار هاست | ارائه دهنده هاست لینوکس با کیفیت بالا و قیمت مناسب


    درضمن درخواست ادامه آموزش هارو دارم
    اگه میشه لطفا زحمتش رو بکشید
    میدونم گفتید چرا ولش کردید ولی فکر نکنم کم باشن تعداد کسای که دوست دارن این آموزش ادامه پیدا کنه
    @Leberman
    ویرایش توسط T!G3R : 2013/11/30 در ساعت 10:45 PM دلیل: ادغام دو پست

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


  4. Top | #23
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    نقل قول نوشته اصلی توسط AlirezaG نمایش پست ها
    با اجازه حسین خان
    من اگه بخوام دقیقا همین قسمت که شماره حساب و اینا نوشته توی HTML درست کنم بایه چه دستوری ایجاد کنم؟

    اخبار - سرور ایران

    الان شما ببین من وقتی کد های اون قسمت رو توی HTML میذارم اینطوری میشه:

    پندار هاست | ارائه دهنده هاست لینوکس با کیفیت بالا و قیمت مناسب


    درضمن درخواست ادامه آموزش هارو دارم
    اگه میشه لطفا زحمتش رو بکشید
    میدونم گفتید چرا ولش کردید ولی فکر نکنم کم باشن تعداد کسای که دوست دارن این آموزش ادامه پیدا کنه
    @Leberman
    متاسفانه یه سری مشکلات پیش اومد نتونستم مبحث کار با table ها رو آموزش بدم. چیزی که شما میخواید کد هاش میشه این:

    کد:
    <table dir="ltr" style="font-family:tahoma;font-size:11px;" width="300" border="1" cellspacing="0" cellpadding="5">
      <tr>
        <th width="165" scope="col"><strong>شماره حساب</strong></th>
        <th width="109" rowspan="5" scope="col"><img src="http://client.serveriran.net/bank_mellat.jpg" />&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">123456</th>
      </tr>
      <tr>
        <th scope="row"><strong>شماره كارت </strong></th>
      </tr>
      <tr>
        <th scope="row">123456</th>
      </tr>
      <tr>
        <th scope="row"><strong>بنام:</strong> حسین آقاسی کرمانی</th>
      </tr>
    </table>

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    3,050
    میزان امتیاز
    363

    پیش فرض

    نه داداش نشد
    اینطوری شده:

    پندار هاست | شماره حساب ها

صفحه 3 از 3 نخستنخست 123

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. قالب HTML برای فروش محصولات به صورت آنلاین (اختصاصی وی بی ایران)
    توسط Arianismmm در انجمن دانلود استایل ها ، قالب های رایگان و پرمیوم
    پاسخ: 20
    آخرين نوشته: 2014/01/11, 03:47 PM
  3. آموزش کامل HTML اختصاصی وی بی ایران - جلسه دوم
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/04/03, 12:19 PM
  4. آموزش کامل HTML اختصاصی وی بی ایران - جلسه سوم
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/03/29, 08:29 PM
  5. آموزش کامل HTML اختصاصی وی بی ایران - جلسه یک
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 17
    آخرين نوشته: 2013/03/28, 11:23 AM

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

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

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

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