آموزش HTML مبتدی

در اين بخش مي‌توانيد در مباحث مربوط به برنامه نويسي تحت وب به بحث بپردازيد

مدیران انجمن: athlon64x2, abbas.m.k, شوراي نظارت

ارسال پست
Captain II
Captain II
نمایه کاربر
پست: 734
تاریخ عضویت: پنج شنبه 8 اسفند 1387, 1:21 am
سپاس‌های ارسالی: 4039 بار
سپاس‌های دریافتی: 2783 بار
تماس:

آموزش HTML مبتدی

پست توسط Erratic » پنج شنبه 21 شهریور 1392, 2:14 am

استادان گرامی در تاپیک html-t985.html آموزش html رو قبلا قرار داده اند اما با اجازه شون من هم یک اموزش قرار میدم در رابطه با یادگیری html تا دوستان بیشتر آشنا بشن با این زبان شیرین و البته آسون!!!

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


حالا نوت پد رو باز کنید و همون ابتدا اون رو ذخیره کنید یادتون باشه که Encoding فرمت رو روی utf-8 تنظیم کنید همینطور فرمت ذخیره سازیتون باید html باشه نه txt . برای مثال اسم فایل رو هنگام ذخیره از sample.txt به sample.html تغییر بدید و ذخیره ش کنید. حالا این یک فایل htnl هستش وقابلیت اجرا در مرورگرتون رو داره.

حالا با تگ ها آشنا میشیم. و برای هرکدوم مثال میاریم



اولین برچسب در فایل html شما

است. این برچسب به مرورگر شما میگوید که این شروع یک فایل html است.آخرین برچسب در فایل شما

 

کد: انتخاب همه

</html> 
 
 . این برچسب یا تگ به مرورگر شما میگوید که این پایان یک فایل html است. 
[HR]
   
  های بین  
   
   
 

کد: انتخاب همه

</head>
 
  سربرگ میباشد و در پنجره مرورگر نمایش داده میشود. 
[HR] 

کد: انتخاب همه

<title>
 
  بین  
 

کد: انتخاب همه

<title>
 
   
 

کد: انتخاب همه

</title>
 
  فایل میباشد و در نوار عنوان مرور گر نمایش داده میشود. 
[HR]   
   
   
  
 

کد: انتخاب همه

</body>
 
  مرورگر نمایش داده خواهد  

[HR][HR] مثال:  

کد: انتخاب همه

<html>
<head>
<title> Title of Page </title>
</head>
<body>
This is My First Homepage . <b> This Text is BOLD </b>
</body>
</html>

   فایل را ذخیره کنید و آن را در مرورگر خود مشاهده نمایید. بدین ترتیب شما برچسب <b> را نیز آموختید که کار آن پررنگ کردن نوشته است.  [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]  ادامه دارد... 
 [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید][لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] 

Captain II
Captain II
نمایه کاربر
پست: 734
تاریخ عضویت: پنج شنبه 8 اسفند 1387, 1:21 am
سپاس‌های ارسالی: 4039 بار
سپاس‌های دریافتی: 2783 بار
تماس:

Re: آموزش HTML مبتدی

پست توسط Erratic » پنج شنبه 21 شهریور 1392, 7:13 pm

در قسمت قبل با بعضی از تگ های html آشنا شدیم در این قسمت با تگ های قالب بندی متن آشنا میشیم.
همچنین برای فراگیری بهتر آموزش قسمت قبل در قالب یک فایل آموزشی قابل اجرا در ویندوز آماده شده که میتونید از [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] دریافتش کنید.

تگ ها:
<b> یک متن با حروف پررنگ ایجاد میکند
<big> یک متن با حروف بزرگتر از اندازه پیش فرض ایجاد میکند
<em> یک متن با حروف ایتالیک ایجاد میکند
<i> یک متن با حروف ایتالیک ایجاد میکند
<small> یک متن با حروف کوچکتر از اندازه پیش فرض ایجاد میکند
<strong> یک متن با حروف پررنگ ایجاد میکند
<sub> یک متن زیرنویس ایجاد میکند
<sup> یک متن بالانویس ایجاد میکند
<ins> یک متن زیرخط دار ایجاد میکند

<del> یک متن با خطی روی آن ایجاد میکند

مثال:

کد: انتخاب همه

<html>
<body>
<font face="Tahoma">
<p>
نوشته معمولی<b> نوشته پررنگ </b>
<p>
نوشته معمولی<big> نوشته بزرگتر از اندازه پیش فرض </big>
<p>
نوشته معمولی<em> نوشته ایتالیک </em>
<p>
نوشته معمولی<i> نوشته ایتالیک </i>
<p>
نوشته معمولی<small> نوشته کوچکتر از اندازه پیش فرض </small>
<p>
نوشته معمولی<strong> نوشته پررنگ </strong>
<p>
نوشته معمولی<sub> نوشته زیرنویس </sub>
<p>
نوشته معمولی<sup> نوشته بالانویس </sup>
<p>
نوشته معمولی<ins> نوشته زیرخط دار </ins>
<p>
نوشته معمولی<del> نوشته با خطی روی آن </del>
<p>
</font>
</body>
</html>

  تصویر 

آموزش این قسمت نیز در قالب یک فایل اجرایی آماده شده تا دوستان بتونن اون رو در حالت آفلاین مطالعه کنند. این آموزش رو از [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] دریافت کنید.
نوشته معمولی
 [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید][لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] 

Major
Major
نمایه کاربر
پست: 426
تاریخ عضویت: پنج شنبه 29 تیر 1391, 2:19 pm
سپاس‌های ارسالی: 1371 بار
سپاس‌های دریافتی: 2546 بار

Re: آموزش HTML مبتدی

پست توسط jhan2010 » جمعه 22 شهریور 1392, 11:55 am

ba salam va teshakor doste aziz
dar win 7 man ntevanestam"gozine sample. Html" ra peyda konam
امید به رهایی نیست وقتی همه دیوارند

Captain II
Captain II
نمایه کاربر
پست: 734
تاریخ عضویت: پنج شنبه 8 اسفند 1387, 1:21 am
سپاس‌های ارسالی: 4039 بار
سپاس‌های دریافتی: 2783 بار
تماس:

Re: آموزش HTML مبتدی

پست توسط Erratic » جمعه 22 شهریور 1392, 4:25 pm

دوست عزیز و گرامی   , درود بر شما :razz:
sample نام فایل است و میتواند به سلیقه شما باشد در حقیقت زمانی که در نوت پد گزینه Save As را انتخاب میکنید, در کادر File Neme به صورت پیشفرض نام و فرمت فایل بدین صورت خواهد بود *.txt
کاری که شما میبایست انجام دهید این است که تمام آن را پاک کرده و نام خود را بنویسید مثل sample یا file یا myweb و هر اسم دیگری فقط توجه نمایید که فرمت فایل میبایست .html [نقطه اچ تی ام ال] باشد تا فایل شما به صورت یک html ذخیره شود.

مثل index.html

توجه نمایید که Encoding فایل را نیز بر روی UTF-8 انتخاب کنید تا زبان فارسی نیز پشتیبانی شود.
 [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید][لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] 

ارسال پست

بازگشت به “Web Programming”