صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از شماره 1 تا 10 , از مجموع 11

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

  1. #1
    کاربر اخراج شده
    تاریخ عضویت
    May 2013
    محل سکونت
    ایران
    نوشته ها
    27
    تشکر تشکر کرده 
    189
    تشکر تشکر شده 
    43
    تشکر شده در
    28 پست

    پیش فرض آموزش html به صورت مبتدی و پایه

    درود.

    در این تاپیک قصد دارم زبان برنامه نویسی html برای دوستان در حد مبتدی آموزش بدم !!! امیدوارم بتونید از این مطلب استفاده ی لازم رو بکنید!
    قبل از شروع چند مورد باید بدونید که با یادگیری این آموزش هرچند که مبتدی هست میتونید حداقل کارهایی که در حد وبلاگ نویسی (جهت تغییر در کدهای قالب و گذاشتن بنر و..) و یا به طور کلی کارهایی که یک وبمستر باید یاد داشته باشه (لینک دادن به تصاویر و.....) بیاموزید!!


    لطفا هر کسی که مطلب خاصی داره و مرتبط هست برای آموزش برام پ/خ کنه تا بعد از مرتب کردنش بزارم اینجا همه استفاده کنند !





    ویرایش توسط boy_evil : January 22nd, 2014 در ساعت 14:02

  2. تعداد تشکر ها ازboy_evil به دلیل پست مفید


  3. # ADS




     

  4. #2
    کاربر اخراج شده
    تاریخ عضویت
    May 2013
    محل سکونت
    ایران
    نوشته ها
    27
    تشکر تشکر کرده 
    189
    تشکر تشکر شده 
    43
    تشکر شده در
    28 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    قسمت اول :آموزش بدنه ی اصلی یک فایل HTML



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

    اصلی ترین تگها :




    نشانگر نوع فایل <html>

    قسمت سر صفحه <head>

    <title/>عنوان صفحه <title>

    قسمتی که در مرورگر نمایش داده میشود یا بدنه <body>

    <body/>
    <html/>





    نکته: بعد از شروع هر تگ لازمه که با این / تگ رو تموم کنیم !!

    برای نوشتن کدهای HTML میتوانید از NODPAD استفاده کنید و با پسوند .HTML ذخیره کنید و از UTF_8 استفاده نمایید !



  5. تعداد تشکر ها ازboy_evil به دلیل پست مفید


  6. #3
    کاربر اخراج شده
    تاریخ عضویت
    May 2013
    محل سکونت
    ایران
    نوشته ها
    27
    تشکر تشکر کرده 
    189
    تشکر تشکر شده 
    43
    تشکر شده در
    28 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه


    قسمت دوم : آموزش سایر تگ ها




    در این قسمت سایر تگ های کاربردی html و نحوه ی کار با آنها آموزش داده میشود !




    تگ <br>:

    این تگ باعث میشود که متن شما به خط بعد منتقل شود همانند عملکرد کلید Enter این تگ نیازی به به تگ بسته ندارد !!!





    <html>
    <head>
    <title/>وب هاستینگ تالک <title>
    <head/>
    <body>
    <br> آموزش برنامه نویسی
    <br> آموزش های وب هاستینگ تالک
    <body/>
    <html/>




    توجه کنید این ها مثال هستند و شما میتونید با این مثال ها تمرین کنید و همونطور که در آموزش اول گفته شد میتونید اجرا کنید و تغییرات رو مشاهده کنید !



    تگ <b>:

    با استفاده از این تگ میتونید متن مورد نظر رو پررنگ کنید !!


    <html>
    <head>
    <title/>وب هاستینگ تالک <title>
    <head/>
    <body>
    <b/>آموزش برنامه نویسی<b>

    <body/>



    تگ <p>
    :
    با این تگ میتونید پاراگراف ایجاد کنید !!


    <html>
    <head>
    <title/>وب هاستینگ تالک <title>
    <head/>
    <body>
    <p/> آموزش برنامه نویسی <p>
    <p/>آموزش های وب هاستینگ تالک <p>
    <body/>




    تگ <center>:
    این تگ باعث میشه مت یا هر چیز دیگری مانند لینک ها بنر ها و .....در وسط صفحه قرار بگیرند !!





    <html>
    <head>
    <title/>وب هاستینگ تالک <title>
    <head/>
    <body>
    <center>
    آموزش برنامه نویسی

    <center/>
    <body/>


    تگ <base>:


    با استفاده از این تگ میتونید برای همه ی لینک های صفحه مشخصه Target رو قرار بدید !!

    برای اینکه صفحه ی مورد نظر در پنجره ی جدید باز شود استفاده میشود !




    <head>
    <"base target="_blank>
    <head/>



    عنوان ها <h1> :


    عنوان ها با استفاده از تگ های h1 تا h6 درست میشوند که از بزرگ (h1) تا کوچک تقسیم میشوند (h6)




    <html>
    <head>
    <title/>وب هاستینگ تالک <title>
    <head/>
    <body>
    <h1/>وب هاستینگ تالک <h1>
    <h2/>وب هاستینگ تالک <h2>
    <h3/>وب هاستینگ تالک <h3>
    <h4/>وب هاستینگ تالک <h4>
    <h5/>وب هاستینگ تالک <h5>
    <h6/>وب هاستینگ تالک <h6>

    <body/>
    <script type="text/javascript"><!--
    var _gaq = _gaq || [];
    _gaq.push(
    ['_setAccount', 'UA-10241535-3'],
    ['_trackPageview']
    );
    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    //-->
    </script>

    .

    ویرایش توسط boy_evil : January 20th, 2014 در ساعت 22:10

  7. تعداد تشکر ها از boy_evil به دلیل پست مفید


  8. #4
    کاربر اخراج شده
    تاریخ عضویت
    May 2013
    محل سکونت
    ایران
    نوشته ها
    27
    تشکر تشکر کرده 
    189
    تشکر تشکر شده 
    43
    تشکر شده در
    28 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    قسمت سوم : آموزش لینک ها


    لینک ها :

    برای لینک دادن یا ایجاد یک پیوند در صفحه از تگ <a> استفاده میشود !

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

    در مثال زیر WHT عنوان نمایشی در مرورگر هست !!

    آدرس و عنوان جهت نمایش در صفحه :




    کد HTML:
    <a href="http://www.webhostingtalk.ir">WHT</a>

    باز شدن لینک در صفحه ی جدید :




    کد HTML:
    <a href="http://www.webhostingtalk.ir Target=_"blank">WHT</a>



    لینک دادن به تصاویر:




    کد HTML:
    <a href="http://www.webhostingtalk.ir"><img src="/image/adress ax.png"></a>



    لینک دادن به آدرس ایمیل :


    کد HTML:
    <a href="mailto:WHT@yahoo.com">rahe ertebati</a>



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

    موفق باشید !

  9. تعداد تشکر ها ازboy_evil به دلیل پست مفید


  10. #5
    کاربر اخراج شده
    تاریخ عضویت
    May 2013
    محل سکونت
    ایران
    نوشته ها
    27
    تشکر تشکر کرده 
    189
    تشکر تشکر شده 
    43
    تشکر شده در
    28 پست

    53 پاسخ : آموزش html به صورت مبتدی و پایه

    قسمت چهارم : فونت ها



    جهت تعیین نوع رنگ ,سایز باید از برچسب <font> استفاده کرد!



    تعیین نوع فونت :


    <font face= Tahoma> WHT </font>



    سایز فونت :

    <font/>وب هاستینگ تالک<font size=2>



    رنگ فونت :


    <font/>وب هاستینگ تالک<font color=red>



    به صورت کلی :

    <font/>وب هاستینگ تالک <font face=Tahoma size=2 color=red>

  11. تعداد تشکر ها ازboy_evil به دلیل پست مفید


  12. #6
    عضو جدید h.nanavar آواتار ها
    تاریخ عضویت
    Oct 2013
    محل سکونت
    تهران
    نوشته ها
    61
    تشکر تشکر کرده 
    8
    تشکر تشکر شده 
    101
    تشکر شده در
    80 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    با سلام!
    یک سوال داشتم از شما دوست عزیز.
    در FontFace اگر ما بخواهیم از فونت هایی به جز فونت های پیش فرض استفاده کنیم (به طور مثال از فونت byekan) روش کار را توضیح میفرمایید؟
    با تشکر.
    موفق باشید.
    در ضمن اگر زحمت بکشید در کنار آموزش HTML از پایه در همین تاپیک تگ های HTML5 را هم معرفی کنید فکر میکنم که کار خوبی باشد. ممنون

  13. #7
    عضو انجمن AliFatehi آواتار ها
    تاریخ عضویت
    Jun 2011
    محل سکونت
    تهران
    نوشته ها
    185
    تشکر تشکر کرده 
    423
    تشکر تشکر شده 
    476
    تشکر شده در
    348 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    نقل قول نوشته اصلی توسط h.nanavar نمایش پست ها
    با سلام!
    یک سوال داشتم از شما دوست عزیز.
    در FontFace اگر ما بخواهیم از فونت هایی به جز فونت های پیش فرض استفاده کنیم (به طور مثال از فونت byekan) روش کار را توضیح میفرمایید؟
    با تشکر.
    موفق باشید.
    در ضمن اگر زحمت بکشید در کنار آموزش HTML از پایه در همین تاپیک تگ های HTML5 را هم معرفی کنید فکر میکنم که کار خوبی باشد. ممنون
    با اجازه از استارتر...

    اصولا HTML به تنهایی قدرت خاصی نداره...البته تا جایی که بنده میدونم....
    شما باید فایل css بسازین برای قالبتون و css یه زبان جداگانه اس که تو front page یا Dreamweaver خیلی کدهارو با زدن حرف اولش میاره...
    مثلا font-family : B Yekan اینطوری فونت رو B Yekan میخونه و اگه بصورت font-family : B Yekan,Tahoma بزنید در صورتی که کاربر فونت B Yekan رو نداشته باشه Tahoma رو میاره...

    امیدوارم مفید بوده باشه
    فروشگاه اینترنتی بازارچه

    تلگرام - ایمو - واتس اپ : 09364582380 - alifatehi70@

  14. تعداد تشکر ها از AliFatehi به دلیل پست مفید


  15. #8
    عضو جدید rezaei1374 آواتار ها
    تاریخ عضویت
    Jun 2011
    نوشته ها
    92
    تشکر تشکر کرده 
    304
    تشکر تشکر شده 
    179
    تشکر شده در
    118 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    نقل قول نوشته اصلی توسط h.nanavar نمایش پست ها
    با سلام!
    یک سوال داشتم از شما دوست عزیز.
    در FontFace اگر ما بخواهیم از فونت هایی به جز فونت های پیش فرض استفاده کنیم (به طور مثال از فونت byekan) روش کار را توضیح میفرمایید؟
    با تشکر.
    موفق باشید.
    با اجازه استارتر
    از لینک زیر آموزش کاملی در این مورد بخونید
    شیوه صحیح پیوست فونت به صفحه وب در CSS3 به همراه 40 فونت فارسی اصلاح شده برای فایرفاکس 6

  16. تعداد تشکر ها ازrezaei1374 به دلیل پست مفید


  17. #9
    کاربر اخراج شده
    تاریخ عضویت
    May 2013
    محل سکونت
    ایران
    نوشته ها
    27
    تشکر تشکر کرده 
    189
    تشکر تشکر شده 
    43
    تشکر شده در
    28 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    ممنون از دوستان که پاسخ این دوست عزیزمون رو دادند !

    لطفا هر کسی که مطلب خاصی داره و مرتبط هست برای آموزش برام پ/خ کنه تا بعد از مرتب کردنش بزارم اینجا همه استفاده کنند !

    دوستان در حال نوشتن ادامه ی آموزش هستم کمی سرم شلوغ هست به زودی آموزش های بعدی انتشار میدم !

    موفق باشید !

  18. تعداد تشکر ها از boy_evil به دلیل پست مفید


  19. #10
    عدم تائید ایمیل
    تاریخ عضویت
    Apr 2013
    نوشته ها
    72
    تشکر تشکر کرده 
    102
    تشکر تشکر شده 
    235
    تشکر شده در
    183 پست

    پیش فرض پاسخ : آموزش html به صورت مبتدی و پایه

    سلام من فردا امتحان مبتنی بر وب دارم همینارو بخونم کافیه؟

صفحه 1 از 2 12 آخرینآخرین

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

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

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

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

  1. آموزش گام به گام html به صورت تصویری
    توسط persiansoft در انجمن HTML-XHTML
    پاسخ ها: 51
    آخرين نوشته: November 3rd, 2014, 12:23
  2. پاسخ ها: 1
    آخرين نوشته: August 13th, 2014, 23:19
  3. پاسخ ها: 16
    آخرين نوشته: August 5th, 2014, 17:59
  4. پاسخ ها: 1
    آخرين نوشته: August 2nd, 2014, 13:54
  5. آموزش تبدیل قالب psd به html به صورت عملی
    توسط mihoserver در انجمن برنامه نویسی
    پاسخ ها: 1
    آخرين نوشته: January 20th, 2014, 20:36

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

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