آموزش جامع html

وضعیت
موضوع بسته شده است.

V.Valizadeh9

Well-Known Member
مرجع تگ های html

مرجع تگ های HTML

(در این پست تمامی تگ های html معرفی خواهند شد.
نکته جالب : بعد از این که این پست تمام شد به بررسی هر کدام از تگ ها میپردازیم.
که شامل : تعریف، کاربرد، پشتیبانی توسط مرورگرها و ... میپردازیم.)

تگ های اساسی :
<!--...--> ........................................... توضیحاتی را به فایل در html اضافه میکند
<!doctype> ....................................... تعریف نوع سند
<body> ............................................ تعریف بدنه سند
<br /> .............................................. تعریف شکست خطوط
<hr /> ............................................... تعریف یک خط افقی
<p> .................................................... تعریف یک پاراگراف
<h1> to <h6> ................................... تعریف تیترها در HTML
<html> ............................................... تعریف یک سند HTML

تگ های قالب بندی متن :
<abbr> ............................................. تعریف حرف اختصاری
<acronym> ....................................... تعریف مخفف
<address> ........................................ اطلاعات تماس برای نویسنده/سند
<b> ................................................. تعریف متن برجسته
<bdo> ............................................. تعریف جهت متن
<big> ............................................... تعریف بزرگتر متن
<blockquote> ................................... تعریف نقل قول طولانی
<center> ........................................... توصیه نمیشود. تعریف متن در وسط
<cite> ............................................... معرفی استناد
<code> ............................................. تعریف کد متن کامپیوتری
<del> ................................................ تعریف حذف متن
<dfn> ............................................... معرفی تعریف
<em> ................................................ معرفی متن مورب
<font> .............................................. توصیه نمی شود. تعریف فونت، رنگ و سایز برای متن
<i> ..................................................... تعریف یک متن ایتالیک
<ins> ................................................. تعریف یک متن آندرلاین
<kbd> ................................................ تعریف متن صفحه کلید
<label> .............................................. تعریف برچسب برای عناصر ورودی
<pre> ................................................. تعریف نوشته تنظیم نشده
<q> .................................................... تعریف یک نقل قول کوتاه
<s> .................................................... توصیه نمی شود.تعریف یک متن خط خورده
<samp> ............................................... تعریف نمونه کد کامپیوتری
<small> ............................................... تعریف یک متن کوچک تر
<strike> ............................................... توصیه نمی شود.تعریف یک متن خط خورده
<strong> ............................................. تعریف متن قوی تر
<sub> ................................................. تعریف متن زیر نویس
<sup> ................................................. تعریف متن بالا نویس
<tt> ................................................... تعریف متن ماشین تحریر
<u> .................................................... توصیه نمی شود. تعریف متن underline
<var> .................................................. تعریف متغیر بخشی از متن
<xmp> ................................................. توصیه نمی شود. تعریف نوشته تنظیم نشده

تگ های استایل :
<style> ............................................... تعریف استایل برای اطلاعات سند
<div> ................................................ تعریف یک بخش از سند
<span> ................................................ تعریف یک بخش در سند

تگ های جدول :
<table> ............................................... تعریف یک جدول
<caption> ......................................... تعریف عنوان جدول
<td> ................................................... تعریف یک سلول در جدول
<th> ................................................... تعریف سلول هدر در جدول
<tr> ................................................... تعریف یک ردیف در جدول
<tbody> ............................................... تعریف گروه های بدنه سند در یک جدول
<tfoot> ............................................... تعریف گروه های مطالب بالا و پایین صفحه در جدول
<thead> .............................................. تعریف گروه های مطالب هدر در جدول
<col /> ............................................. تعریف مشخصه values برای یک یا چند ستون در جدول
<colgroup> ....................................... تعریف گروهی از ستون در جدول برای قالب بندی

تگ های لیست ( فهرست ) :
<ul> .................................................... تعریف یک لیست نامرتب
<ol> .................................................... تعریف یک لیست مرتب
<li> .................................................... تعریف لیست آیتم
<dd> ................................................ معرفی شرح اصطلاح در لیست تعریفی
<dir> ................................................ توصیه نمی شود. معرفی یک لیست دایرکتوری
<dl> .................................................. تعریف یک لیست تعریفی
<dt> ................................................. معرفی اصطلاح (مورد) در لیست تعریفی
<menu> ............................................. تعریف یک لیست منو

تگ های لینک :
<a> ................................................. تعریف یک لینک
<link /> .............................................. تعریف رابطه بین سند و منابع خارجی

تگ های عکس :
<area /> ........................................... تعریف یک فضا در کنار عکس/map
<img /> ............................................. تعریف یک عکس
<map> ............................................... تعریف نقشه یک تصویر

تگ های قاب :
<frame/> ......................................... تعریف یک پنجره (یک قاب) در یک قاب
<frameset> ....................................... معرفی مجموعه از قاب ها
<iframe> ........................................... تعریف فریم های درون خطی
<noframes> ....................................... تعریف یک محتوای فرعی برای کاربراینی که قاب ها را پشتیبانی نمیکنند.

تگ های فرم :
<input /> .......................................... تعریف کنترل ورودی
<form> ............................................. تعریف یک فرم ورودی برای کاربر در HTML
<textarea> ........................................... تعریف کنترل ورودی چند خط متن
<button> ......................................... تعریف دکمه
<select> .............................................. تعریف لیست انتخاب (لیست کشویی)
<optgroup> ........................................... تعریف گروهی از گزینه های وابسته در یک لیست
<option> .............................................. تعریف یک گزینه در یک لیست
<fieldset> ......................................... تعیین مرز در اطراف عناصر در فرم
<legend> ........................................... تعریف یک عنوان برای fieldset عنصر
<isindex> .......................................... توصیه نمی شود. تعریف شاخصه جست و جو در سند

تگ های اطلاعات meta :
<head> .............................................. تعریف اطلاعات یک سند
<meta /> ........................................... تعریف
<title> ................................................. تعریف عنوان یک سند
<base /> ......................................... معرفی آدرس پیش فرض و یا هدف به طور پیش فرض برای تمام پیوندها در صفحه
<basefont /> .................................... توصیه نمیشود. تعریف رنگ، فونت و سایز یک متن در سند

تگ های برنامه ها :
<script> ............................................... تعریف اسکریپت های سمت سرویس گیرنده
<noscript> ......................................... تعریف متناوب محتوا برای کاربرانی که کار پشتیبانی نمی کند اسکریپتهای سمت سرویس گیرنده
<object> .............................................. تعریف یک شیء جایگذاری شده
<param /> ............................................ تعریف یک پارامتر برای یک شیء
<applet> ........................................... توصیه نمیشود. تعریف یک applet جاسازی شده


 
آخرین ویرایش:

V.Valizadeh9

Well-Known Member
مشخصه های استاندارد تگ های html

مشخصه استاندارد تگ های HTML

نکته! در این آموزش ها مشخصه و خصوصیات به یک معنی میباشند!
مشخصه استاندارد در HTML/XHTML :
مشخصه هایی که در زیر لیست شده اند استاندارد میباشند.
و توسط همه تگ های HTML و XHTML پشتیبانی میشوند، البته با اندکی استثنا !

مشخصه اصلی : Core Attributes
نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

4972d719467c495a8738.png


مشخصه های زبان : Language Attributes
نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

0397045cdb9a4d7d8330.png


مشخصه های صفحه کليد : Keyboard Attributes

13f8be004acd4da4ab8b.png


 
آخرین ویرایش:

FlashBank

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

pdf باشه بهتره چون عمومی تره .

میخواین آموزش هاتون رو pdf کنید ؟
 

V.Valizadeh9

Well-Known Member
رويدادهای html

رويدادهای HTML

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

رويدادهای پنجره ( فايل ) : body and frameset Events
نکته : اين رويدادها فقط در عنصرهای body و frameset معتبر هستند .

b4dae5b914564f8fb7db.png


رويدادهای عناصر فرم : Form Events
نکته : اين رويدادها فقط در عنصرهای کنترلی فرمها کاربرد دارند .

df85e9cdf1674356a16e.png


توضيح فوکوس ( focus ) : در هر لحظه کنترلی که در يک صفحه يا فرم ، انتخاب شده است و به دور آن کادر قرار گرفته به اصطلاح فوکوس برنامه را در اختيار دارد . کنترلی که انتخاب شود ، فوکوس را به دست آورده و کنترلی که از انتخاب خارج شود ، فوکوس را از دست می دهد .

رويدادهای موس : Mouse Events
نکته : رويدادهای موس در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script و title کاربرد ندارد .

beab61f21ef34fb08e5a.png

رويدادهای صفحه کليد : Keyboard Events
نکته : رويدادهای صفحه کليد در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script , style و title کاربرد ندارد .

5b59960b46914e59bc0e.png


رویداد های عکس : Image Event
نکته: رویداد های عکس فقط در عنصر img کاربرد دارد.

8cd5b90d3301460eaa1b.png


 
آخرین ویرایش:

V.Valizadeh9

Well-Known Member
نام رنگ ها در html

نام رنگ ها : HTML Color Names
جدول زیر نام رنگ ها ، مقدار و ... را نشان مید هد.
چون این یکی خیلی تابلو بود فارسیشو ننوشتم !

4853945fd08846b29763.png

 
آخرین ویرایش:

V.Valizadeh9

Well-Known Member
مرجع کدهای ascii

مرجع کدهای ASCII
کدهای ASCII که اصطلاحاً کدهای اسکی می گویند، برای ارسال اطلاعات بین کامپیوترها در اینترنت استفاده می شود.

تنظیم کاراکتر های ASCII :
ASCII مخفف کلمه ی "American Standard Code for Information Interchange" به معنی "کدهای استاندارد آمریکائی برای تبادل اطلاعات" است و در اوایل سال 60 به عنوان استاندارد برای تنظیم کاراکترها در کامپیوتر ها و دستگاه های سخت افزاری مانند : teleprinters و tapedrives انتخاب شد.
ASCII یک کاراکتر7 بیتی است که محتوای آن شامل 128 کاراکتر است.
آن شامل شماره هایی از 0 تا 9 است.شامل حروف الفبا از بزرگ تا کوچک و همچنین برخی کاراکتر های خاص است.
تنظیم کاراکتر ها در HTML و کامپیوتر های مدرن استفاده می شود و تمام اینترنت بر پایه کد های ASCII است.
جدول زیر لیستی از 128 کاراکتر ASCII ، معادل آن و همچنین توضیحات می باشد :
(به زودی جدول قرار داده خواهد شد ... )
 
آخرین ویرایش:

V.Valizadeh9

Well-Known Member
سلام کاربران عزیز مجید آنلاین
اگه صبر کنین من pdf آموزشی رو آماده کردم فقط تصحیحش مونده که اونم تا چند روز دیگه آماده میشه.
فقط بگم :
1.خیلی کاملتر
2.خوانا تر و روان تر و زبان ساده تر
3.کامل تر
4.مثال های فراوان
5. و ...
تقریبا کاملترین pdf فارسی در این زمینه هست.
منتظر باشید ... :d
 

rasulirad

New Member
سلام من این چیزها رو میدونم ولی میخوام سوال کنم آیا یک قالب پی اس دی دارم چطور به htmlتبدیل کنم
 

rasulirad

New Member
سلام ببخشید همون موقع که پست گذاشتم کاری پیش آمد رفتم نتونستم سوالی کنم
آقای ولی زاده سوال داشتم من خیلی از این چیزهای که گذاشتید دیدم سوال دارم که به چه کاری میاد یاد بگیرم
من بلاگفا میخوام یاد بگیرم
 

sumaya

New Member
سلام، دوستان این سایت و حتما ببینید...
فوق العاده است برای کسانی که میخوان طراح وب حرفه ای بشن :)
www.w3schools.com
راستی ممنون برای آموزش عالیتون
 

arabicedu

New Member
با سلام
جناب ولی زاده محبت بفرمایید html5 و php5 را هم اگر زحمتش را بکشید بسیار ممنون می شویم
 

hossain.ghadimi

New Member
سلام نمیدونم اینجا جای مناسبی برای سوالم هست یا....
من تقریبا تازه کارم میخوام بدونم چطور میتونم دکمه بسازم مثلا (صفحه نخست) که خصوصیت mous over. وbg img رو داشته باشه
ممنون
 

tarenoco

Member
میشه برای اینکه بخواهیم یک کد css رو با کد دیگری تعویض کنیم بطوریکه ئر محتوای قالب خللی وارد نکند
ممنون میشم کمکم کنید
 

fitka

New Member
سلام.
لطفا آموزش ها در یک فایل pdf قرار دهید با تشکر.
 
وضعیت
موضوع بسته شده است.

جدیدترین ارسال ها

بالا