آموزش HTML مبتدی

[Erratic]

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

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


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

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

Please Login or Register to see this code

اولین برچسب در فایل html شما
Please Login or Register to see this code
است. این برچسب به مرورگر شما میگوید که این شروع یک فایل html است.آخرین برچسب در فایل شما

  Please Login or Register to see this code 
 . این برچسب یا تگ به مرورگر شما میگوید که این پایان یک فایل html است. 
[HR]
  Please Login or Register to see this code 
  های بین  
  Please Login or Register to see this code 
   
  Please Login or Register to see this code 
  سربرگ میباشد و در پنجره مرورگر نمایش داده میشود. 
[HR]  Please Login or Register to see this code 
  بین  
  Please Login or Register to see this code 
   
  Please Login or Register to see this code 
  فایل میباشد و در نوار عنوان مرور گر نمایش داده میشود. 
[HR]  Please Login or Register to see this code 
   
  Please Login or Register to see this code 
  
  Please Login or Register to see this code 
  مرورگر نمایش داده خواهد  

[HR][HR] مثال:  Please Login or Register to see this code
   فایل را ذخیره کنید و آن را در مرورگر خود مشاهده نمایید. بدین ترتیب شما برچسب <b> را نیز آموختید که کار آن پررنگ کردن نوشته است.  [External Link Removed for Guests]  ادامه دارد... 

[Erratic]

در قسمت قبل با بعضی از تگ های html آشنا شدیم در این قسمت با تگ های قالب بندی متن آشنا میشیم.
همچنین برای فراگیری بهتر آموزش قسمت قبل در قالب یک فایل آموزشی قابل اجرا در ویندوز آماده شده که میتونید از [External Link Removed for Guests] دریافتش کنید.

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

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

مثال:
Please Login or Register to see this code
   

آموزش این قسمت نیز در قالب یک فایل اجرایی آماده شده تا دوستان بتونن اون رو در حالت آفلاین مطالعه کنند. این آموزش رو از [External Link Removed for Guests] دریافت کنید.
نوشته معمولی

[jhan2010]

ba salam va teshakor doste aziz
dar win 7 man ntevanestam"gozine sample. Html" ra peyda konam

[Erratic]

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

مثل index.html

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