/ اموزش html جلسه دوم کار با متون
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 9 از 9

موضوع: اموزش html جلسه دوم کار با متون

  1. #1
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon

    اموزش html جلسه دوم کار با متون

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

    اموزش جلسه اول در اینجا: http://www.wikivb.ir/thread5226.html

    خب این جلسه سه فصل داره که اموزش میدم
    1.اشنایی با دو تگ head , p هیدینگ و پاراگراف
    2.تنظیمات مربوط به فونت
    3.اشنایی با نحوه ایجاد لیست.

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

    کد:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">


    1.اشنایی با دو تگ head , p هیدینگ و پاراگراف

    در کدنویسی اچ تی ام ال از نگ p بای ایجاد پاراگراف استفاده میشود مثال:
    <p>
    ویکی وی بی نخستین مرجع رایگان ویبولتین است
    </p>

    از head برای نوشتن عنوان صفحه استفاده میشه و برای گذاشتن نوشته در head از title استفاده میکنیم مثلا:

    <head>
    <title>Headings</title>
    </head>

    فکر کنید ما مییخوایم یه صفحه کد بنویسیم و یه متن رو به صورت نوشته بیاریم بالا
    اول کدهای استاندارد و بعد head وبعد p و همون جور که جلسه قبل گفتم تگ p بین تگ body قرار میگیره مثال:

    <body>
    <p> Headings are used to give structure to a document. </p>
    </body>

    نکته: بین تگ body میتواند چندین و چند تگ p قرار بگیرد.

    برای اضافه کردن کدهای رنگ فونت و سایز کدها در نگ اغازین به کار گرفته میشود
    مثلا برای اضافه کردن بک گراند به صفخه میشود:
    <body bgcolor="#FFFFFF">
    <p> Headings are used to give structure to a document. </p>
    </body>

    اگه خوب دقت کنید میبینید برای بک گراند دادن رنگ از bgcolor استفاده شده اما چطور باید رنگو جلوش نوشت؟
    برای هر کدی که بخوایم بدیم بین این متن روبرو قرار میگیره:



    کد:
    =""
    مثلا برای بکگراند دادن رنگ نوشته میشود:
    کد:
    bgcolor="#FFFFFF"

    مهم: به جای نوت پد میتونید از نرم افزار دریم ویور استفاده کنید

    نکته اگه پاراگرافی به این صورت باشه:

    (ایرن از کشورهای
    خوب و عالی جهان است
    که رو به پیشرفت است)
    رو بخوایم در همون سه خط و به شکل واقعی خودش باشه به جای تگ p از pre استفاده میکنیم
    من سه تا پاراگراف گذاشتم میخوام یکیش از چپ باشه یکیش از راست و دیگری از وسط باشه
    برای این کار از نگ align استفاده میشه مثلا این پارااف از راست بخوایم باشه میشه:
    کد:
    <align="right" p>
    پاراگراف تست
    <p/>
    اگه بخوایم وسط باشه center رو میزاریم جای right و برای چپ نمیخواد کد بزارید چون پیشفرضش چپه

    برای اینکه منظور منو بهتر بگیرید کدهایی که بالا اموزش دادم رو در یک صفحه گذاشتم شما فقط اونها رو در نوت پد خودتون کپی کنید و و با نام مثلا test.html ذخیره کنید و سپس دوبار روش کلیک کنید تا نتیجه براتون نمایان بشه
    اگه هم دریم ویووز دارید کلیدهای ترکیبی کنترل و اف 12 رو بزنید
    پس کد کلی صفحه میشه:

    کد:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>عنوان صفحه که بین تایتل وتایتل بین هید قرار میگیره</title>
    </head>
    
    <body bgcolor="#FFFFFF">
    
    
      <p> این پاراگراف اوله پاراگراف بین تگ پی و تگ پی بین بادی قرار میگیره </p>
    
    
    
      <p>این پاراگراف اوله پاراگراف بین تگ پی و تگ پی بین بادی قرار میگیرهاین پاراگراف اوله پاراگراف بین تگ پی و تگ پی بین بادی قرار میگیرهاین پاراگراف اوله پاراگراف بین تگ پی و تگ پی بین بادی قرار میگیرهاین پاراگراف اوله پاراگراف بین تگ پی و تگ پی بین بادی قرار میگیرهاین پاراگراف اوله پاراگراف بین تگ پی و تگ پی بین بادی قرار میگیره
      </p>
    
    
    
      <pre>         این پاراگراف اوله
     پاراگراف بین تگ پی
     و تگ پی بین بادی قرار
     میگیره همه تگ ها 
      </pre>
    
    </body>
    </html>

    دقت کنید که اول تمام تگ ها <html> و اخرش </html>
    وجود داره
    یاداوری: فرق تگ اغازین و پایانی در / میباشد که تک اغازین نداره ولی در تگ پایانی اضافه میشه و این مورد برای تمام تگ ها وجود داره


    برای اینکه مغضم داره سوت میکشه و شما دوستان هم منحرف نشید ادامه این بخش در جلسه بعدی
    رو نوشته ها تمرین کنید جلسه دوم و سوم رو که گذاشتم اونوقت سوال بپرسید
    تا اون موقع بسته میشه

    12 نفر از اعضا پست J⑩nAt⑩N را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. نوين وردپرس تبلیغات شما

  3. #2
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    موضوع باز شد


    دوستان من معذرت میخوام به دلایل کاری(کشاورزی حدودا یک ماه نمیتونم اپ کنم)

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

    2 نفر از اعضا پست J⑩nAt⑩N را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #3
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط AlIrEzA-sPoRt نمایش پست ها
    موضوع باز شد


    دوستان من معذرت میخوام به دلایل کاری(کشاورزی حدودا یک ماه نمیتونم اپ کنم)

    اگه بزرگواری هست این کارو ادامه بده با تشکرمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    فکر کنم من بتونم ادامه بدم!مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست AminX را پسندیده اند


    .....

  5. #4
    mr.navid آنلاین نیست.
    mr.navid
    کاربر سايت
    2نوشته0مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2957
    پسندیده است
    8 پست
    بلاگ
    پست
    میزان امتیاز
    10
    No Set
    مرسی خیلی روان توضیح دادید

  6. #5
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    درود چند تا قسمته این بعدشم کی تموم میشه کلا آموزشش؟مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #6
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط ʝʌȥєɾєɦ نمایش پست ها
    درود چند تا قسمته این بعدشم کی تموم میشه کلا آموزشش؟مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    عزیزِ من قسمتای بعدیشم گذاشتم فکر کنم تا 13 ، خیلی وقته تموم شده مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    4 نفر از اعضا پست AminX را پسندیده اند


    .....

  8. #7
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    لینکاشو اگه میشه همرو پ.خ کنین یا اینجا بزارین♥♡¿

  9. #8

  10. #9
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    ممنون. الان هم دارم میرم قسمت سوم. خدا مثل این ساده توضیح باشه.

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

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

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

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

  1. Html کردن صفحات اضافی انجمن با وی بی سئو
    توسط M3hRd4D در انجمن آموزش های VBSeo
    پاسخ: 2
    آخرين نوشته: 02-27-2014, 03:58 PM
  2. نظرتون درباره دومین طراحی html من
    توسط MR.CSS در انجمن دیگر کار های گرافیکی
    پاسخ: 34
    آخرين نوشته: 03-01-2013, 11:07 PM
  3. تایپیک جامع آموزش html 5
    توسط رضا در انجمن HTML
    پاسخ: 1
    آخرين نوشته: 12-05-2012, 05:49 PM
  4. تایپیک جامع آموزش html 5
    توسط paripaykar در انجمن HTML
    پاسخ: 3
    آخرين نوشته: 11-28-2012, 10:03 PM
  5. آموزش ایجاد متن چشمک زن با html
    توسط رضا در انجمن HTML
    پاسخ: 0
    آخرين نوشته: 11-24-2012, 07:00 PM

کلمات کلیدی این موضوع

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

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