منو اصلی
  صفحه اصلی
  تبلیغات
  تماس با ما
تبلیغات
تور کیش
ابزار وب مسترها
  ابزار مجله در وبلاگ
  گوگل پلاس در وبلاگ
  شمارنده مطالب
  پازل وبلاگ
  تولبار حرفه ای
  ابزار پرش به بالا
  ذکر ایام هفته
  استخاره آنلاین
  سخنان بزرگان
  نمایش رتبه گوگل
  وضعیت آب و هوا
  اوقات شرعی
  فونت های زیباسازی
  کدهای زیباسازی فلش
  فال روزانه
  فال حافظ
  فال کلیکی
  فال انبیا
  طالع بینی ازدواج
  طالع بینی هندی
  عشق سنج آنلاین
  موسیقی لایت در وبلاگ
  ساخت موسیقی آنلاین
  ساعت های فلش
  ابزار فرم تماس با ما
  چت روم
  تصاویر تصادفی
  تصاویر زیباسازی
  لودینگ وبلاگ
  جستجوگر گوگل
  تعیین وضعیت یاهو
  ساخت ایمیل آیکون
  تقویم رومیزی
  تغییر شکل موس
  نمایشگر آی پی
  تعبیر خواب
  نمایش تاریخ
  بارش برف در وبلاگ
  پرواز بادکنک در وبلاگ
  پرواز حباب در وبلاگ
  قطرات شبنم در وبلاگ
  ابزار مبدل تاریخ ها
  جملات عاشقانه تصادفی
  جملات تصادفی شریعتی
  حدیث تصادفی
  اس ام اس تصادفی
  دانستنی های تصادفی
  مترجم گوگل
  معرفی وبلاگ به دوستان
  سرویس whois دامنه
  ابزار ار اس اس ریدر
  کد آپلود عکس
  دیکشنری آنلاین
  ساخت صفحات پاپ آپ
  ساخت تصاویر ثابت
  روزنما با مناسبت ها
  لحظه شمار غیبت امام زمان
  کدهای کاربردی
آرشیو قالب ها

rss rss rss

همکاران ما

مرجع موسیقی بی کلام  بک لینک

رپورتاژ ها
  انواع آینه بغل و مشخصات آن
  دانلود جدید ترین آهنگ های فارسی 98
  دانلود جدیدترین بازی های روز دنیا در پارسی گیم
  دانلود آهنگ جدید
  فیلم و سریال و تاریخچه ی صنعت فیلم سازی در جهان
  نکات مهم در انتخاب و بستن کوله پشتی
  معرفی سایت دانلود فیلم زرفیلم
  گیفت کارت باز ، آسان ترین راه برای خرید گیفت کارت
  بررسی ماه به ماه آب وهوا و رخدادهای کشور کانادا
  دوربین مداربسته هایک ویژن امنیت منزل محل کار شما را تامین می کند!
  اجاره اسپیس فریم- فروش اسپیس فریم- اسپیس فریم دست دوم
  اجاره اسپیس فریم، فروش اسپیس فریم ارزان قیمت، ساخت قاب بنر
  فروشگاه ساز چیست؟
  ایرانی نیوز | مجله اینترنتی خانواده ایرانی
  پنل اس ام اس رایگان پرند پیامک



پنل اس م اس رایگان

تعبیر خواب
1 2 3 5
کار کردن با فونتها و رنگ و اندازه آنها  موضوع: آموزش نکات HTML

در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.

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

<font size=”x”>متنی که می خواهیم اندازه آنرا تعیین کنیم</font>

به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن
بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی
استفاده می کنیم. به مثال زیر توجه کنید:

<font size=”+2″>این متن بزرگتر دیده می شود</font>

در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.

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

<font size=”x”>متنی که می خواهیم اندازه آنرا تعیین کنیم</font>

به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن
بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی
استفاده می کنیم. به مثال زیر توجه کنید:

<font size=”+2″>این متن بزرگتر دیده می شود</font>

این هم نتیجه تغییر سایز فونت:

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

برای کوچکتر کردن متن نیز به همین صورت عمل می کنیم:

<font size=”-2″>این متن کوچکتر دیده می شود</font>

این هم متن کوچک شده:

این متن کوچکتر دیده می شود

این هم تعدادی مثال برای درک بهتر مطالب:

<font size=”+4″>این متن با اندازه 4 نوشته شده است</font>

این متن با اندازه 4 نوشته شده است

<font size=”+3″>این متن با اندازه 3 نوشته شده است</font>

این متن با اندازه 3 نوشته شده است

<font size=”+2″>این متن با اندازه 2 نوشته شده است</font>

این متن با اندازه 2 نوشته شده است

<font size=”+1″>این متن با اندازه 1 نوشته شده است</font>

این متن با اندازه 1 نوشته شده است

<font size=”-1″>این متن با اندازه 1- نوشته شده است</font>

این متن با اندازه 1- نوشته شده است

<font size=”-2″>این متن با اندازه 2- نوشته شده است</font>

این متن با اندازه 2- نوشته شده است

<font size=”-3″>این متن با اندازه 3- نوشته شده است</font>

این متن با اندازه 3- نوشته شده است

برای تغییر رنگ متنها نیز می توانیم به روش زیر عمل کنیم، با این فرمان :

<font color=”زنگ مورد نظر”>

می توانیم رنگ مورد نظر خود را با نام انگلیسی آن در فرمان بالا قرار دهیم یا از
معادل هگزا دسیمال رنگ به جای اسم رنگ استفاده کنیم.

برای شروع با اسم رنگ شروع می کنیم:

<font color=”red”>متن مورد نظر</font>

متن نهایی:

متن مورد نظر

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

<font color=”#ff0000″>متن مورد نظر</font>

در اینجا نتیجه با مثال قبلی یکسان است:

متن مورد نظر

معادل هگزا دسیمال رنگها را باید با علامت # شروع کرد و بعد از این علامت شش حرف
یا عدد دیگر قرار می گیرد. برای رنگ قرمز بعد از علامت # دو F و چهار صفر قرار می گیرد.

فرض کنید می خواهید رنگ و اندازه متنی را همراه با هم تغییر دهید. برای این کار
می توانید از دو تگ <font> استفاده کنید. اما به خاطر داشته باشید که هر دو را ببندید.
مانند زیر:

<font size=”+2″><font color=”gold”>متن بزرگ و طلایی</font></font>

متن بزرگ و طلایی

همچنین می توانید از شناسه های size و color در یک
تگ <font> استفاده کنید. مانند زیر:

<font size=”+2″ color=”gold”>متن بزرگ و طلایی</font>

 متن بزرگ و طلایی

شما می توانید رنگ فونت را در تگ body تعریف کنید که بعداً به آن می پردازیم.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
نوشتن سر فصلها و پاراگراف در HTML  موضوع: آموزش نکات HTML
  • از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این
    مثالها توجه کنید:

<h1>سرفصل بزرگ</h1>

سرفصل بزرگ

<h2>سرفصل 2</h2>

سرفصل 2

<h3>سرفصل 3</h3>

سرفصل 3

<h4>در حال کوچک شدن</h4>

در حال کوچک شدن

<h5>کوچکتر</h5>
کوچکتر
<h6>بسیار کوچک</h6>
بسیار کوچک

  • از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این
    مثالها توجه کنید:

<h1>سرفصل بزرگ</h1>

سرفصل بزرگ

<h2>سرفصل 2</h2>

سرفصل 2

<h3>سرفصل 3</h3>

سرفصل 3

<h4>در حال کوچک شدن</h4>

در حال کوچک شدن

<h5>کوچکتر</h5>
کوچکتر
<h6>بسیار کوچک</h6>
بسیار کوچک

از دستورات بالا می توانید برای عنوان مطالب استفاده کنید.

  • وقتی که تگ <br> در متنی وارد می شود بقیه آن خط به خط بعد منتقل می شود. در
    حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد.
    قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید:

This is the first line <br> Here is the second line

نتیجه مثال بالا به اینگونه است:

This is the first line
Here is the second line

مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخورد به خط بعدی نمی رود.
اما تگ <br> مرورگر را مجبور می کند به خط بعدی برود.مثلاً متن زیر را در ویرایشگر
متن خود بنویسید و به صورت html ذخیره کنید، فقط یک خط را در مرورگر خود خواهید دید:

من،
یک خط
جدید می خواهم

نتیجه به این صورت خواهد بود:

من، یک خط جدید می خواهم

برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن
را به این صورت بنویسیم:

من،<br>
یک خط<br>
جدید می خواهم

این هم نتیجه:

من،

یک خط

جدید می خواهم

  • <p> تگ پاراگراف است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو
    پاراگراف می شود. درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ در اول
    پاراگراف برای تمایز دو پاراگراف استفاده می شود. به مثال زیر توجه کنید:

خط اول از پاراگراف اول
<br>
خط دوم از پاراگراف اول
<p>
این هم پاراگراف جدید
</p>

و نتیجه به این صورت است:

خط اول از پاراگراف اول
خط دوم از پاراگراف اول

این هم پاراگراف جدید

تگ پاراگراف هم نیازی به تگ پایانی ندارد. اما شما می توانید برای فهم بهتر آنرا
در متن خود به کار ببرید. مثلاً به این صورت:

<p>
پاراگراف اول
</p>
<p>
پاراگراف دوم<br>
ادامه پاراگراف دوم
</p>

این متن همان نتیجه ای را دارد که متن زیر دارد:

<p>
پاراگراف اول</p>
<p>
پاراگراف دوم<br>
ادامه پاراگراف دوم
</p>

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

پاراگراف اول

پاراگراف دوم
ادامه پاراگراف دوم

البته اگر می خواهید صفحه ای که طراحی می کنید معتبر باشد بهتر است از
تگ پایانی پاراگراف استفاده کنید. استفاده از تگ پایانی در XHTML الزامی
است.

تا اینجا شما می توانید یک صفحه وب پر از متن را بنویسید. در درس بعد به اندازه
فونت و رنگ متن می پردازیم.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده  موضوع: آموزش نکات HTML

در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:

1-    <B> این تگ باعث می شود کلماتی
که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold)
دیده شوند. به مثال زیر توجه کنید:

<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده
می شود</b>

مثال بالا به صورت زیر دیده می شود:

متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود

بیایید با تگهای دیگری ادامه دهیم…

در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:

1-    <B> این تگ باعث می شود کلماتی
که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold)
دیده شوند. به مثال زیر توجه کنید:

<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده
می شود</b>

مثال بالا به صورت زیر دیده می شود:

متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود

بیایید با تگهای دیگری ادامه دهیم:


2-    زیرخط (Underline):

<u>این متن با زیر خط مشاهده می شود</u>

این هم نتیجه:

این متن با زیر خط مشاهده می شود


3-    حروف کج (Italic):

<i>این
متن به صورت مورب دیده می شود</i>

و نتیجه به این صورت است:

این متن به صورت مورب دیده می شود


4-    حروف خط خورده:

<strike>این
متن به صورت خط خورده دیده می شود</strike>

متن در مرورگر به این صورت دیده می شود:

این متن به صورت خط خورده دیده می شود


5-    وسط چین:

<center>این متن در وسط خط نوشته می شود</center>

نتیجه کد:

این متن در وسط خط نوشته می شود


شما می توانید بیشتر از یک فرمان را برای یک متن اجرا کنید. مثلاً وقتی که می خواهید
متنی به صورت پر رنگ و کج نوشته شود. برای این کار هر دو تگ ابتدایی را برای متن در
ابتدای آن و تگهای پایانی را در جایی که می خواهیم پایان پر رنگی و کجی متن باشد قرار
می دهیم.

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

<b><i>این متن به صورت کج و پر رنگ دیده می
شود</i></b>

نتیجه هم به این صورت دیده می شود:

این متن به صورت کج و پر رنگ دیده می شود

آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر،
اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی
<HTML/> قبل از <BODY/> اشتباه
است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو
گیر از اشتباه HTML را به صورت زیر بنویسید:

<b>
      
<i>
           
این متن به صورت پر رنگ و کج دیده می شود
       
</i>
</b>

اما این روش خسته کننده است. در اینجا مهم نیست تگها به چه صورت باز و بسته شوند.
اما نکته مهمی که باید در نظر داشته باشید این است که متنها تحت تأثیر تگهایی که قبل
از آنها باز شدهاند و بسته نشده اند قرار می گیرند. تأثیر یک تگ تمام می شود
وقتی که تگ بسته شود.

مثال زیر را در نظر داشته باشید:

<b><i><u>این متن پر رنگ، کج و دارای زیرخط است</u></i></b>

این نتیجه را به ما می دهد:

این متن پر رنگ، کج و دارای زیرخط است

اما این یکی:

<u><i><b>این متن پر رنگ، کج و دارای</b></i>زیرخط است</u>

این نتیجه را به ما می دهد:

این متن پر رنگ، کج و دارایزیرخط است

همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند
و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر
قرار دارد.

متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از
<CENTER> می توان آنها را در وسط صفحه به نمایش در آورد.
این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه
کنید:

<center><b><i>به این مثال
توجه کنید</i></b></center>

و این هم نتیجه آن:

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

شما با تمرین این بخش می توانید آمادگی ورود به درس بعد که در مورد سرفصل، پاراگراف،
و خطوط است را به دست آورید.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
اصول نوشتن صفحات HTML  موضوع: آموزش نکات HTML

در اینجا می خواهیم به ساختار شناسه ها یا همان تگها
(tag) در HTML بپردازیم. یک تگ
همیشه با علامت کوچکتر ریاضی یعنی این علامت
> آغاز می شود و با علامت بزرگتر
< به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود:
<U> این علامت را قبل از متنی
که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی
(Opening tag) می گویند، که عملیاتی را که شما می خواهید
آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده
کنید. یک تگ پایانی با این علامت شروع می شود: /> 
بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه
کنید:

Tags and their position

در اینجا می خواهیم به ساختار شناسه ها یا همان تگها
(tag) در HTML بپردازیم. یک تگ
همیشه با علامت کوچکتر ریاضی یعنی این علامت
> آغاز می شود و با علامت بزرگتر
< به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود:
<U> این علامت را قبل از متنی
که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی
(Opening tag) می گویند، که عملیاتی را که شما می خواهید
آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده
کنید. یک تگ پایانی با این علامت شروع می شود: /> 
بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه
کنید:

Tags and their position

اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق
خط روبرو در ویرایشگر متن خود بنویسید:

<u>tags and their
position</u>

نتیجه را به این صورت می بینید:

Tags and their position

در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای
مثال تگی که برای وارد کردن عکس استفاده می شود  از این قبیل تگهاست، که به این
صورت می باشد:

<img src=”myimage.gif”>

البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ
را آوردیم. موارد دیگری هم با این وضعیت وجود دارند مثلاً <br> که برای رفتن به خط بعدی استفاده می شود، <hr> که
برای ایجاد یک خط افقی به کار می رود و <p> که برای رفتن
به پاراگراف بعدی استفاده می شود.

در ضمن نیاز نیست که حتماً تگها با حروف بزرگ
نوشته شوند. مثلاً <P> همان <p>
است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک
نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین

تگها تأثیری ندارد. مثلاً :

<u>         متن
زیرخط دار         
</u>

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

<u>متن زیرخط دار</U>

به این طریق هم اگر نوشته شود فرقی نمی کند:

<u>
متن زیرخط دار
</u>

قالب پایه ای یک فایل HTML مانند زیر است.
ببینید می توانید کاری را که تگهای این کد انجام می دهند حدس بزنید؟ البته همه آنها
را بعداً توضیح می دهیم.

 

<html>
<head>
<title>html قالب اصلی</title>
</head>
<body>
هر چیزی که اینجا قرار گیرد در صفحه شما قابل دیدن
است
</body>
</html>

برای درک بهتر این قسمت سعی کنید تگها را به صورت جفتی در نظر بگیرید
(از جایی که باز می شوند تا جایی که بسته می شوند) اولین تگ <html> است که علامت شروع یک متن HTML است و تگ پایانی آن <html/> است که همانطور که ممکن است حدس زده باشید نشانه
پایان متن HTML است. هر چیزی در HTML
باید بین این دو تگ قرار گیرد. مانند متن، دیگر تگها، عکسها و… چون این دو
تگ نشان دهنده آغاز و پایان صفحه شما هستند.

تگ بعدی <head> است. این تگ مشخص کننده
بخشی است که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را
در آن قرار دهید. این بخش با <head/> به پایان می رسد. در
مثال بالا تنها قسمت HEAD عنوان صفحه بود که با
TITLE مشخص می شود.

تگ <title> به شما اجازه می دهد برای
صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و
همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا
هنگامی که این تگ در قسمت BODY قرار نگیرد در متن شما نشان
داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> در مثال بالا عنوانی که برای صفحه نشان داده می
شود قالب اصلی
HTML است.

تگ <body> بخشی را آغاز می کند که در
صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را
در آن انجام دهیم. برای پایان دادن به این تگ از <body/>
استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می شود به
صورت زیر است (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که
در قسمتهای بعد به آنها خواهیم پرداخت) :

هر چیزی که اینجا قرار
گیرد در صفحه شما قابل دیدن است

چیزی که در اینجا می بینیم متنی است که به صورت ساده نوشته شده
و در طرف چپ صفحه قرار دارد.

در درس بعد در مورد چگونگی کار کردن با متنها بحث می کنیم.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
آموزش HTML  موضوع: آموزش نکات HTML

آنچه که قبل از یادگیری HTML لازم است بدانید:

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

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad
    استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر
    داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft
    Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن
    این نرم افزارها کدهایی را به آن اضافه می کنند.
    نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید
    یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet
    Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم
    افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
    بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما،
    یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً
    به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود
    از HTML استفاده کنید.
    برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save
    As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در
    پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک
    کنید.

آنچه که قبل از یادگیری HTML لازم است بدانید:

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

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad
    استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر
    داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft
    Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن
    این نرم افزارها کدهایی را به آن اضافه می کنند.
    نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید
    یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet
    Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم
    افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
    بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما،
    یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً
    به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود
    از HTML استفاده کنید.
    برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save
    As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در
    پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک
    کنید.


http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد  موضوع: آموزش نکات HTML

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته
باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از
کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می
شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند.
برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp&
استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

کلمه اول &nbsp; کلمه دوم

نتیجه به این صورت خواهد بود:

کلمه اول   کلمه دوم

فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را
تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله
را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله
اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد
کنید.

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته
باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از
کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می
شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند.
برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp&
استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

کلمه اول &nbsp; کلمه دوم

نتیجه به این صورت خواهد بود:

کلمه اول   کلمه دوم

فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را
تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله
را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله
اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد
کنید.مانند زیر:

کلمه اول &nbsp;&nbsp;&nbsp;&nbsp;کلمه دوم

نتیجه:

کلمه اول     کلمه دوم

این فرمان چهار فضای خالی اضافی بین دو کلمه ایجاد می کند. و در مجموع پنج فضای
خالی داریم.

بحث بعدی ما علامت کپی رایت است. شما می توانید به همان روشی که برای فضای خالی
اضافی ایجاد کردیم این علامت را نیز به وجود بیاورید. یعنی با استفاده از کد آن. کد
علامت کپی رایت این است:  ;copy& به این مثال توجه کنید:

this page Copyright &copy; 2007 by me

متن نتیجه:

this page Copyright © 2007 by me

روش کار برای تمامی کاراکترهای ویژه به همین صورت است فقط کد آنها را در متن HTML
قرار دهید.

در جدول زیر می توانید تعدادی از این کاراکترهای ویژه را به همراه کد سازنده آنها
ببینید:

نام کاراکتر شکل ظاهری کاراکتر کد سازنده کاراکتر
امپرسند & &amp;
علامت کپی رایت © &copy;
علامت ثبت شده ® &reg;
علامت تجاری &trade;
علامت کوچکتر از < &lt;
علامت بزرگتر از > &gt;
علامت خنجر &dagger;
——————– » &raquo;
——————– « &laquo;
خط فاصله ام &#151;
علامت درجه ° &deg;
یک چهارم ¼ &frac14;
یک دوم ½ &frac12;
سه چهارم ¾ &frac34;
نقطه میانی · &middot;
علامت تعجب وارونه ¡ &iexcl;
علامت یورو &euro;
علامت پوند انگلیس £ &pound;
علامت تقسیم ÷ &divide;
علامت رادیکال &radic;


http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
وارد کردن تصاویر در صفحات HTML  موضوع: آموزش نکات HTML

اگر می خواهید برای زمینه صفحه خود یک رنگ را انتخاب کنید، باید این رنگ را در تگ
BODY تعریف کنید. وقتی که این تگ را پیدا کردید در آن به دنبال شناسه bgcolor بگردید ، که ممکن است مانند زیر باشد:

<body bgcolor=”gray”>

ممکن است به جای نام رنگ از معادل هگزادسیمال رنگ استفاده شده باشد. مانند زیر (این
فرمانی است که من برای زمینه این صفحه از آن استفاده کرده ام):

<body bgcolor=”#66ccff”>

البته ممکن است این شناسه را در تگ BODY پیدا نکنید، در این صورت یک فاصله بعد از
BODY قرار داده شناسه bgcolor را وارد کنید.

اگر می خواهید برای زمینه صفحه خود یک رنگ را انتخاب کنید، باید این رنگ را در تگ
BODY تعریف کنید. وقتی که این تگ را پیدا کردید در آن به دنبال شناسه bgcolor بگردید ، که ممکن است مانند زیر باشد:

<body bgcolor=”gray”>

ممکن است به جای نام رنگ از معادل هگزادسیمال رنگ استفاده شده باشد. مانند زیر (این
فرمانی است که من برای زمینه این صفحه از آن استفاده کرده ام):

<body bgcolor=”#66ccff”>

البته ممکن است این شناسه را در تگ BODY پیدا نکنید، در این صورت یک فاصله بعد از
BODY قرار داده شناسه bgcolor را وارد کنید.

برای عوض کردن رنگ زمینه نام رنگ مورد نظر خود را به جای نام رنگ در شناسه بالا
قرار دهید.

به جای نام رنگ می توانید از معادل هگزا دسیمال رنگ استفاده کنید.

برای مثال اگر می خواهید رنگ زمینه به رنگ سبز درآید باید مانند زیر عمل کنید:

<body bgcolor=”green”>

و یا به این صورت:

<body bgcolor=”008000″>

روش دیگری که برای تغییر رنگ زمینه صفحه وجود دارد استفاده از CSS است که با ورود نسخه چهارم HTML استفاده از آن رو به افزایش است.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
تغییر رنگ لینکهای صفحه در حالات مختلف  موضوع: آموزش نکات HTML

اگر بخواهید رنگ لینکها را در صفحه خود تغییر دهید مانند تغییر رنگ پیش فرض متن
باید تگ BODY را پیدا کنید. در تگ BODY
به دنبال شناسه link بگردید. مثلاً ممکن
است تگ BODY به این صورت باشد:

<body link=”blue”>

در تگ BODY ممکن است شناسه های دیگری هم وجود داشته باشند،
مثلاً شناسه های مربوط به رنگ متن و یا رنگ زمینه. در این صورت می توانید شناسه رنگ
لینک را با یک فاصله خالی با آخرین فرمان موجود در تگ BODY
به این تگ اضافه کنید.

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

اگر بخواهید رنگ لینکها را در صفحه خود تغییر دهید مانند تغییر رنگ پیش فرض متن
باید تگ BODY را پیدا کنید. در تگ BODY
به دنبال شناسه link بگردید. مثلاً ممکن
است تگ BODY به این صورت باشد:

<body link=”blue”>

در تگ BODY ممکن است شناسه های دیگری هم وجود داشته باشند،
مثلاً شناسه های مربوط به رنگ متن و یا رنگ زمینه. در این صورت می توانید شناسه رنگ
لینک را با یک فاصله خالی با آخرین فرمان موجود در تگ BODY
به این تگ اضافه کنید.

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

مثلاً برای تغییر رنگ لینکها به زرد می توانیم مانند زیر عمل کنیم:

1- استفاده از نام رنگ:

<body link=”yellow”>

2- استفاده از معادل هگزادسیمال رنگ:

<body link=”#ffff00″>

حالا همه لینکهای موجود در صفحه شما به جای آبی به رنگ زرد در مرورگر ظاهر می شوند.

همین کار را می توانید برای لینکهای فعال و لینکهای بازدید شده تکرار کنید. مانند
زیر:

<body alink=”blue”
vlink=”violet”>

مانند مثال بالا شناسه alink برای لینکهای فعال و vlink برای لینکهای بازدید شده استفاده می شود.

برای تغییر دیگر رنگها هم به همین صورت عمل می شود تنها نکتهای که باید مد نظر قرار
گیرد این است که حتماً قبل از وارد کردن فرمان یک فضای خالی با فرمان قبلی بگذارید.

روش دیگری که برای تغییر رنگ لینکها وجود دارد استفاده از استایل و CSS
است. در صورتی که برای تعیین مشخصات لینکها از استایل استفاده شود امکان
افزودن ویژگیهای دیگری نظیر کادر و رنگ زمینه هم به لینکها وجود دارد.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
تغییر رنگ پیش فرض متن در صفحه  موضوع: آموزش نکات HTML

برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY>
استفاده کنید. شما باید دنبال ” “=text بعد از تگ
BODY بگردید. مانند این:

<BODY text=”black”>

ممکن است به جای رنگ از ترکیبی از حروف و اعداد استفاده شده باشد. مانند زیر:

<BODY text=”#000000″>

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

<BODY bgcolor=”#66CCFF”
text=”black”>

برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY>
استفاده کنید. شما باید دنبال ” “=text بعد از تگ
BODY بگردید. مانند این:

<BODY text=”black”>

ممکن است به جای رنگ از ترکیبی از حروف و اعداد استفاده شده باشد. مانند زیر:

<BODY text=”#000000″>

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

<BODY bgcolor=”#66CCFF”
text=”black”>

حالا اگر می خواهید رنگ متن را تغییر دهید می توانید نام انگلیسی رنگ مورد نظر خود
را به جای black بنویسید. روش دیگری که برای این کار وجود
دارد استفاده از معادل هگزادسیمال رنگها است که در این روش می توانید از بین رنگهای
بیشتری رنگ خود را انتخاب کنید چون ما برای تمام رنگهای مورد استفاده نمی توانیم اسم
واحدی را به کار ببریم.

برای مثال اگر می خواهید رنگ متن شما زرد باشد از دو طریق می توانید به این خواسته
خود برسید:

  1. استفاده از نام رنگ به صورت زیر :
    <BODY text=”yellow”>
  2. استفاده از معادل هگزادسیمال رنگها :
    <BODY text=”#FFFF00″>

بعد از انجام این کار هر متنی که در صفحه مرورگر شما دیده شود به رنگ زرد خواهد
بود.



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
شناسه های مورد استفاده در تگ body  موضوع: آموزش نکات HTML

وقتی که شما یک صفحه HTML می نویسید می توانید چیزهای
زیادی را در آن با اضافه کردن شناسه هایی به تگ <BODY> تغییر
داد. تگ زیر را در نظر بگیرید:

<body bgcolor=”green” text=”blue” link=”yellow”
alink=”red” vlink=”white” background=”image.gif”>

شما می توانید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر
از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض مرورگر تنظیم می شود. در زیر توضیحی
برای هر کدام از شناسه های تگ BODY آورده شده است. البته
در مورد هر کدام از آنها به طور کامل در درسهای بعد توضیح خواهیم داد.

وقتی که شما یک صفحه HTML می نویسید می توانید چیزهای
زیادی را در آن با اضافه کردن شناسه هایی به تگ <BODY> تغییر
داد. تگ زیر را در نظر بگیرید:

<body bgcolor=”green” text=”blue” link=”yellow”
alink=”red” vlink=”white” background=”image.gif”>

شما می توانید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر
از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض مرورگر تنظیم می شود. در زیر توضیحی
برای هر کدام از شناسه های تگ BODY آورده شده است. البته
در مورد هر کدام از آنها به طور کامل در درسهای بعد توضیح خواهیم داد:

“bgcolor=”color

این شناسه رنگ زمینه صفحه شما را تغییر می دهد. شما می توانید آنرا به هر رنگی که
دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید
یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال به
سر فصل این بحث بروید. گزینه پیش فرض این ویژگی معمولاً سفید یا خاکستری است.

“text=”color

این شناسه رنگ متنی را که در پنجره مرورگر به نمایش در می آید تعیین می کند. شما
می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان
بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید.گزینه
پیش فرض این ویژگی مشکی است.

“link=”color

این شناسه رنگ تمام لینکهای باز نشده در صفحه را تغییر می دهد. شما می توانید آنرا
به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را
که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. گزینه پیش فرض برای لینکهای
باز نشده معمولاً آبی است.

“alink=”color

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

“vlink=”color

این شناسه رنگ لینکهای باز شده را در صفحه تعیین می کند. شما می توانید آنرا به
هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که
می خواهید یا معادل هگزا دسیمال آنرا قرار دهید.  گزینه پیش فرض این ویژگی
بنفش است.

“background=”image.gif

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



http://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
1 2 3 5

 

دسترسی سریع
قالب های 3 ستونه
قالب های 2 ستونه
ابزار وبلاگ نویسان
آموزش وبلاگ نویسی
گالری عکس
آپلود عکس
بازی آنلاین
موسیقی لایت
بازی آنلاین

بازی آنلاین 660 بازی
بازی های دخترانه 16 بازی
بازی های ورزشی 97 بازی
بازی های تیراندازی 124 بازی
بازی های فکری 209 بازی
بازی های اکشن 126 بازی
بازی های مسابقه ای 50 بازی
بازی های متفرقه 38 بازی
بازی های محبوب

لینک ها
بک لینک شما در این مکان
کلیه حقوق متعلق به سایت نایت اسکین می باشد © Night-Skin.com 2004-2011