Phantom Wolf مهمان

آموزش html از پایه تا پیشرفته

27 پست در این موضوع

باسلام و احترام.

دوستان در این تاپیک می خوام مفصل بپردازم به مباحث html و بهتون درست و حسابی آموزشش بدم.

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

با تشکر:thanks:

Share this post


Link to post
Share on other sites

باسلامی دوباره.

اول از همه با یه سری مطالب پایه ای و اساسی شروع می کنم:

یک فایل HTML چیست؟

· HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).

· یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست

· بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد

· یک فایل HTML باید دارای پسوند html. یا html. باشد

· یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود

---

آیا می خواهید یکبار امتحان کنید؟

اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>

فایل را تحت عنوان "mypage.htm"ذخیره کنید.

مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.

------

مثال تشریح شده

اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.

متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.

متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.

متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.

---

پسوند htm. یا html. ?

هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.

------

به ویرایشگر های HTML توجه کنید:

شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY("what you see is what you get") فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.

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

-----

پرسش و پاسخ:

س: پس از اینکه فایل HTML را ویرایش می کنم نمی توانم نتیجه را در مرورگر مشاهده کنم. چرا؟

ج:اطمینان حاصل کنید که فایل را با یک نام و پسوند صحیح ذخیره کرده اید مثل"C:\mypage.htm". همچنین اطمینان حاصل کنید که از همان نام هنگام باز کردن فایل در مرورگر استفاده کرده اید.

س:من سعی کردم فایل HTMLام را ویرایش کنم. اما تغییرات در مرورگرم نشان داده نشد. چرا؟

ج:مرورگر صفحه را کاشه(cach) کرده بنا بر این یک صفحه را دو بار نمی خواند. هنگامی که شما یک صفحه را تغییر می دهید مرورگر آن را نمی داند. از کلید REFRESH/RELOAD مرورگر استفاده کنید تا آن را مجبور کنید صفحه را دوباره بخواند.

س:از چه مرورگری باید استفاده کنیم؟

ج:شما می توانید تمام این آموخته ها را با مرورگرهای متعارف انجام دهید مثل Internet Explorer, Netscape,Mozilla و Opera. هر چند که تعدادی از مثال های مادر کلاس های پیشرفته به آخرین نسخه مرورگرها نیاز دارند.

Share this post


Link to post
Share on other sites

با سلام

مرسی از فعالیت شما ، آموزش خوبی هست ، مطالب رو شما وارد کنید و اگه ز نظر شما اشکال نداشته باشه من مطالب شما رو کنار هم جمع کنم و یه فایل کلی در آخر این آموزش ارائه بدیم:37: اگه موافق بودید اعلام کنید تا منم مشغول بشم

موفق باشید

Share this post


Link to post
Share on other sites

با سلام...

سپاس از فعالیت خوب شما عزیزان...

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

بامداد نیکـــ...

Share this post


Link to post
Share on other sites
با سلام

مرسی از فعالیت شما ، آموزش خوبی هست ، مطالب رو شما وارد کنید و اگه ز نظر شما اشکال نداشته باشه من مطالب شما رو کنار هم جمع کنم و یه فایل کلی در آخر این آموزش ارائه بدیم:37: اگه موافق بودید اعلام کنید تا منم مشغول بشم

موفق باشید

یا علی :دی

شروع کن عزیز

Share this post


Link to post
Share on other sites
با سلام...

سپاس از فعالیت خوب شما عزیزان...

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

بامداد نیکـــ...

داداش من اینا رو دارم از سایت قبلی خودم (pr0gramm1ng) برمیدارم ولی خب بالاخره این سایت دیگه وجورد خارجی نداره .

اگه هم می خواید بدونید اینو بدونید:

منبع: پروگرمینگ سابق:ds6a5d:

Share this post


Link to post
Share on other sites

پرونده های HTML فایل های متنی هستند که با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب های HTML تعریف می شوند.

برچسب های HTML

برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند

بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند

این کاراکتر های محاط کننده قلاب نامیده می شوند

بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>

اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است

متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند

برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.

عناصر HTML

مثال HTML در صفحه قبل را بخاطر بیاورید. این یک عنصر HTML است:

<b>This text is bold</b>

عنصر HTML با یک برچسب شروع ، آغاز می شود:<b>

محتوای عنصر HTML: This text is bold

عنصر HTML با یک برچسب پایانی تمام می شود:<b/>

هدف برچسب <b> این است که تعریف کند عناصر HTML باید بصورت برجسته نشان داده شوند این نیز همچنین یک عنصر HTML است:

<body>
This is my first homepage.<b>This text is bold</b>
</body>

این عنصر HTML با برچسب آغازین <body> شروع و با برچسب پایانی <body/> تمام می شود.

هدف برچسب <body> این است که عناصر HTML را که محتوای بدنه HTML هستند تعریف کند.

چرا ما از برچسب هایی با حروف کوچک استفاده می کنیم؟

ما فقط گفتیم که برچسب های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ برچسب های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟

اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.

عناصر برچسب:

برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:

<body>

با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<"body bgcolor="red>

این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <"table border="0>

عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام="مقدار"

عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند

حالتهای کتیشن ، 'قرمز' یا "قرمز"؟

محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند لازم است که از تک کتیشن استفاده کنیم: 'Name='john "shotgun" Nelson

Share this post


Link to post
Share on other sites

ساده ترین Html

این مثال ساده ترین نمونه html است که در آن، از کمترین برچسب ممکن، استفاده شده است. در این مثال جمله نوشته شده درون برچسب body، نمایش داده می شود.

پاراگراف ساده

این مثال نشان می دهد، که نوشته داخل برچسب پاراگراف، چگونه نمایش داده می شود.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

سر تیتر ها

سر تیترها با برچسب های <h1>تا<h6>معرفی می شوند.<h1>بیانگر بزرگترین سرتیتر و<h6> بیانگر کوچکترین سر تیتر است. HTML بطور خودکار فضای خالی اضافی به قبل و بعد از سر تیترها اضافه می کند.

<h1> This is a heading </h1>
<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6> 

پاراگراف ها

پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.

<p> This is a paragraph </p>
<p> This is another paragraph </p> 

پرش به خط بعد

برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.

توضیحات در HTML

برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.

<!--This is a comment--> 

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

نکات پایه ای - اطلاعات مفید

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

HTML فاصله ها را از متن حذف می کند، هر تعدادی از فاصله ها تنها به یک فاصله تبدیل می شوند.

مقداری اطلاعات اضافی

در HTML یک خط جدید بعنوان یک فاصله حساب می شود.

استفاده کردن از برچسب خالی پاراگراف

برای وارد کردن یک خط خالی یک عملکرد بد است.بجای آن از برچسب <br>استفاده کنید.(اما از <br> برای ساخت لیست خالی استفاده نکنید ، صبر کنید تا در مورد لیستهای HTML یاد بگیرید)

شما ممکن است متوجه باشید که پاراگراف ها می توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدی HTML اجازه نخواهد داد که هیچ برچسب پایانی را جا بیندازید.HTML بطور خود کار یک خط خالی اضافی قبل و بعد از برخی عناصر اضافه می کند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تیتر ها.ما از یک خط افقی (برچسب<hr>) برای جدا کردن بخش های مختلفدرسمان استفاده کرده ایم.

gift

Share this post


Link to post
Share on other sites
داداش من اینا رو دارم از سایت قبلی خودم (pr0gramm1ng) برمیدارم ولی خب بالاخره این سایت دیگه وجورد خارجی نداره .

اگه هم می خواید بدونید اینو بدونید:

منبع: پروگرمینگ سابق:ds6a5d:

پس اینطور....

اوکی مشکلی نیست...ادامه بدید..

با تشکر از شما

Share this post


Link to post
Share on other sites

چگونه منبع HTML را ببینیم?

آیا شما تا حالا صفحه ای را دیده اید که از دیدن آن شگفت زده شده با شید وبگویید چگونه این کار را انجام داده اند؟

برای پیدا کردن آن بسادگی بروی گزینه view روی نوار ابزار کلیک کنید وگزینه source یا page source را انتخاب کنید.آن یک پنجره ای را باز خواهد کرد که به شما HTML واقعی آن صفحه را نشان خواهد داد.

برچسب ها توضیحات

<b> متن را برجسته معرفی می کند

<big> متن را بزرگ معرفی می کند

<em> متن را مورب معرفی می کند

<i> متن را مورب معرفی می کند

<small> متن را کوچک معرفی می کند

<strong> متن را برجسته معرفی می کند

<sub> متن را زیرنویس دار معرفی می کند

<sup> متن را بالانویس دار معرفی می کند

<ins> قطعه متنی را که در متن اصلی جا داده شده معرفی می کند

<del> قطعه متنی را که از متن اصلی حذف شده نشان می دهد

<s> توصیه نمی گردد. به جای آن از <del> استفاده کنید.

<strike> توصیه نمی گردد. به جای آن از <del> استفاده کنید.

<u> توصیه نمی گردد.به جای آن از خواص Style استفاده کنید

-

برچسب های خروجی کامپیوتر

برچسب ها توضیحات

<code> متن کد کامپیوتری را معرفی می کند

<kbd> متن صفحه کلید را معرفی می کند

<samp> متن نمونه مثال های کامپیوتری را معرفی می کند

<tt> متن را بصورت ماشین نویس معرفی می کند

<var> یک مقدار را معرفی می کند

<pre> متن از پیش قالب بندی شده را معرفی می کند

<listing> توصیه نمی گردد. به جای آن از <pre> استفاده کنید

<plaintext> توصیه نمی گردد. به جای آن از <pre> استفاده کنید

<xmp> توصیه نمی گردد. به جای آن از <pre> استفاده کنید

-

برچسب های نقل قول ، کتیشن و توضیحات

برچسب ها توضیحات

<abbr> یک کلمه مخفف را معرفی می کند

<acronym> یک سرنام را معرفی می کند

<address> یک عنصر آدرس را معرفی می کند

<bdo> جهت متن را معرفی می کند

<blockquote> یک کتیشن بلند را معرفی می کند

<q> یک کتیشن کوتاه را معرفی می کند

<cite> نقل قول را معرفی می کند

<dfn> یک عبارت توضیحی را معرفی می کند

==

موفق باشیدgift

Share this post


Link to post
Share on other sites

سلام من چه كاري از دستم بر مياد كنم من جزوات زيادي درباره html خوندم بگيد تا كمكتان كنم

Share this post


Link to post
Share on other sites
سلام من چه كاري از دستم بر مياد كنم من جزوات زيادي درباره html خوندم بگيد تا كمكتان كنم

سلام.

داداش جدا ممنونت میشم اگه کمکم کنی....

مبحث بعدی رو می تونی آموزش بدی؟

موضوعش هم پیوند ها یا همون لینک ها است.

برای سایت های مختلف و یا با عکس (عکس لینک بشه)

خیلی ممنون:28:

Share this post


Link to post
Share on other sites
سلام.

داداش جدا ممنونت میشم اگه کمکم کنی....

مبحث بعدی رو می تونی آموزش بدی؟

موضوعش هم پیوند ها یا همون لینک ها است.

برای سایت های مختلف و یا با عکس (عکس لینک بشه)

خیلی ممنون:28:

چشم بزار ظهر ميام و مي نويسم حالا دارم درس مي خونم

فردا امتحان عربي دارم

اقا اين همه آموزش داديم هي پرچما برديم بالا حالا كي مي خواد بياردش پايين

نمي خوايد پرچما بشوريد كسيفه:a54d65a::auizz3ffy9vla57584x:65d6a5d6s::14:

Share this post


Link to post
Share on other sites

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

موفق باشید:auizz3ffy9vla57584x:28:

Share this post


Link to post
Share on other sites

همانطور كه مي دانيد بعضي از صفت ها مانندhref در تگ <a> يا src در تگ <img> يك ادرس را به عنوان مقدار مي پذيرد. آدرس دهي به اين گونه صفت ها معمولا به دو صورت انجام مي شود :

1- ادرس دهي مطلق: به آدرس دهي كه تمام اجزاي لينك در ان باشد مانند نام پروتكل، جدا كننده ها، عبارت www، نام سايت و دامنه به عنوان نمونه

http://www.google.com/index.htm

2- ادرس دهي نسبي: نوع دوم آدرس ها، ادرس هاي نسبي هستند كه معمولا در آنها از آوردن نام پروتكل، نام سايت و دامنه چشم پوشي مي شود به عنوان نمونه

images/iranflag.jpg/

download/pascal.zip/../..

در مورد آدرس هاي نسبي ذكر چند نكنه ضروري است:

* براي دسترسي به فايلي كه در يك مسير بالاتر از فايل اصلي قرار دارد از /.. استفاده مي شود. مثلا:

a href="../test.html">click here</a>

* براي دسترسي به فايل اصلي كه در دايكتري اصلي وجود دارد از / استفاده مي شود. مثلا:

a href="/test.html">click here</a>

*براي دسترسي به فايلي كه در همان دايكتري كه فايل اصلي قرار دارد از /. استفاده مي شود. مثلا:

img src="./iran.jpg">click here</a>

Share this post


Link to post
Share on other sites

سلام

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

موفق باشید:auizz3ffy9vla57584x

Share this post


Link to post
Share on other sites
سلام

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

موفق باشید:auizz3ffy9vla57584x

الان یه خرده گیرم ولی چشم حتما اقدام می کنم

Share this post


Link to post
Share on other sites

با سلامی مجدد

جداول بوسیله برچسب<table>معرفی می شوند.هر جدول به سطرها (بوسیله برچسب <tr>)و هر سطر به سلول های داده تقسیم می شود (بوسیله برچسب <td>) حروف td بیانگر داده جدولی (table data) هستند که حاوی سلول داده است.یک سلول داده می تواند حاوی متن ، عکس ، لیست ها ، پاراگراف ها ، فرم ها ، خط های افقی و جدول ها و... باشد.

<table border="1">
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
<tr>
<td>row1,cel1</td>
<td>row1,cel1</td>
</tr>
</table> 

=

جدول ها و عنصر حاشیه

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

<table border="1">
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
<tr>
<td>row2,cel1</td>
<td>row2,cel2</td>
</tr>
</table> 

=

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

سرتیترها در یک جدول با برچسب <th>مشخص می شوند.

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
</table>

=

سلول های خالی در جداول

سلول های جداول با محتوای خالی در بیشتر مرورگرها خوب نشان داده نمی شوند.

<table border="1">
<tr>
<td>row1,cell1</th>
<td>row1,cell2</th>
</tr>
<tr>
<td>row2,cel1</td>
<td></td>
</tr>
</table>

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

<table border="1">
<tr>
<td>row1,cell1</th>
<td>row1,cell2</th>
</tr>
<tr>
<td>row2,cel1</td>
<td>   </td>
</tr>
</table>

==========

امیدوارم استفاده لازم رو برده باشید.

موفق و موید باشید:ds6a5d:

Share this post


Link to post
Share on other sites

لیست های نامرتب

یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشان گذاری می شوند (معمولا یک دایره سیاه کوچک).یک لیست نامرتب با یک برچسب <ul> آغاز می شوند.هر کدام از اقلام لیست با برچسب <li> آغاز می شوند.

<ul>
<li> Cofee <ul>
<li> Milk <ul>
</ul> 

  • Cofee
  • Milk

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

لیست های مرتب

یک لیست مرتب شده نیز لیستی از اقلام است. اقلام لیست بوسیله شماره نشان گذاری می شوند.یک لیست مرتب با برچسب <ol> آغاز می شود.هرکدام از اقلام لیستبا برچسب <li> آغاز می شوند.

<ol>
<li> Cofee <ul>
<li> Milk <ul>
</ol> 	

>

  1. Cofee
  2. Milk

==========

اینم از این آموزش

موفق و موید باشید

Share this post


Link to post
Share on other sites

سلامی دوباره ... ..

برچسب Images و موجودیت Src

در HTML عکس ها با برچسب <img > معرفی می شوند.برچسب <img > خالی است بدین معنا که آن فقط حاوی موجودیت هاست و برچسب پایانی ندارد.

برای نمایش یک تصویر در یک صفحه ، شما احتیاج دارید که از موجودیت Src استفاده کنید. Src مخفف source (منبع) است. محتوای موجودیت url ، Src تصویری است که شما می خواهید در صفحه تان نمایش دهید. نحوه معرفی یک تصویر:

<"img src="url >

url به محلی اشاره می کند که تصویر در آنجا قرار دارد . تصویری که "boat.gif" نامیده شده در دایرکتوری "images" در "www.joomlaforum.ir" دارای این url است:

http://www.joomlaforum.ir/images/boat.gif

مرورگر تصویر را جایی قرار می دهد که بر چسب تصویر پرونده در آنجا قرار گرفته است.اگر شما برچسب تصویر را بین دو پاراگراف قرار دهید ، مرورگر ابتدا پاراگراف اول ، سپس تصویر و سپس پاراگراف دوم را نشان می دهد.

موجودیت Alt

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

<"img src="url" alt="Big Boat>

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

نکات پایه ای - اطلاعات مفید

اگر یک فایل HTML حاوی 10 تصویر باشد ، برای نمایش کامل صفحه به 11 فایل احتیاج است. بارگیری تصاویر وقت گیر است ، بنابر این بهترین توصیه من اینست که از تصاویر به دقت استفاده کنید.

====

موفق باشید :auizz3ffy9vla57584x

ویرایش شده در توسط Phantom Wolf

Share this post


Link to post
Share on other sites

باسلام خدمت همگی

پس زمینه ها

برچسب <body> دو موجودیت دارد که شما می توانید با استفاده از آن پس زمینه را تعیین کنید. پس زمینه می تواند یک رنگ یا تصویر باشد.

Bgcolor

موجودیت Bgcolor ، رنگ پس زمینه یک صفحه HTML را تعیین می کند.محتوای این موجودیت می تواند یک عدد مبنای 16 ، یک مقدار RGB یا نام یک رنگ باشد:

< body bgcolor="#000000" >
< body bgcolor="black" >
< body bgcolor="rgb(0,0,0)" >

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

پس زمینه

موجودیت Background یک تصویر را برای پس زمینه یک صفحه HTML تعیین می کند . محتوای این موجودیت url تصویری است که شما می خواهید از آن استفاده کنید. اگر تصویر کوچکتر از پنجره مرورگرتان است ، تصویر خودش را تکرار می کند تا پنجره مرورگرتان را پرکند.

< body background="./content/fa/home/background/clouds.gif" >
< body background="http://www.html.ir/clouds.gif" >

url می تواند مرتبط باشد (مثل خط اول) ویا کامل باشد(مثل خط دوم).

توجه: اگر شما می خواهید از یک تصویر در پس زمینه استفاده کنید باید به خاطر داشته باشید:

آیا تصویر پس زمینه زمان بارگیری را بهبود می بخشد؟

آیا تصویر پس زمینه با تصاویر دیگر در صفحه خوب به نظر می رسد؟

آیا تصویر پس زمینه با رنگ متن ها خوب به نظر می رسد؟

آیا تصویر پس زمینه هنگامی که در صفحه تکرار می شود ، خوب به نظر می رسد؟

آیا تصویر پس زمینه مرتبا تمرکز را از متن می گیرد؟

------------------------------------------------------------------------------------------------------------

نکات پایه ای-اطلاعات مفید

bg color, background و موجودیت های متن در برچسب <body> در آخرین نسخه HTML بد دانسته شده است. کنسرسیوم شبکه گسترده جهانی(w3c) این موجودیت ها را از نظریه های خود حذف کرده.

به جای آن از CSS باید استفاده کرد(برای معرفی طرح بندی و نمایش خواص عناصر).

موفق و موید باشید:28::28:

ویرایش شده در توسط Phantom Wolf

Share this post


Link to post
Share on other sites

باسلام.

این بود آموزش های HTML .

امیدوارم مورد قبول همگی قرار گرفته باشه.

از مدیران هم متشکرم که من رو یاری کردن و تاپیک رو هم قبل از گفتن بنده مهم کردن.

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

موفق و موید باشید

Phantom Wolf

Share this post


Link to post
Share on other sites
باسلام.

این بود آموزش های HTML .

امیدوارم مورد قبول همگی قرار گرفته باشه.

از مدیران هم متشکرم که من رو یاری کردن و تاپیک رو هم قبل از گفتن بنده مهم کردن.

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

موفق و موید باشید

Phantom Wolf

سلام داش فربد من مي خوام يك اموزش كامل از پايه تا پيشرفته html بزنم نمي دونم اينجا شروع كنم يا در يك تايپيك جديد

اين اموزشم كه مي خوام بدم مانند تايپيك css ام از اوله و به صورت جامع

Share this post


Link to post
Share on other sites

دادا من آموزش رو دادم و تمومش کردم دیگه چیز های دیگه مثل بحث های مربوط به form ها بهتره توی php انجام بشه.

شما هم کارتون رو سعی کن بزاری رو چیز های دیگه مثل php یا asp و چیز های دیگه.

وقتی تونستیم تموم زبان ها رو کامل درس بدیم بعد شاید برگشتیم و مباحث رو کامل کردیم:128fs318181:

(کسی نمی خواد این تاپیک رو ببنده؟ ! )

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری