تبلیغات ویزه

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
برچسب های HTML	1	1057	reza
یک فایل HTML چیست؟	0	606	reza
آموزش برنامه نویسی به زبان HTML	0	560	reza

بخش چهارم

          M:A 
            بازدید : 181
          چهارشنبه 09 اسفند 1391
           نظرات (0)
        

چگونه منبع 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>	یک عبارت توضیحی را معرفی می کند

بخش ششم

          M:A 
            بازدید : 192
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

برچسب Anchor و موجودیت Href

HTML از برچسب <a> برای ساخت یک پیوند به پرونده های دیگر استفاده می کند. یک anchor می تواند به هر منبعی در وب اشاره کند.یک صفحه HTML ، یک عکس ، یک فایل صوتی ، یک فیلم و ... .
دستورالعمل ساخت یک Anchor

<a href="url"> متنی که نمایش داده می شود </a>

در هنگام ساختن یک Anchor باید مکانی که پیوند به آن پرونده اشاره میکند را مشخص کرد. برای نمایش آدرس پرونده از موجودیت href استفاده می شود.کلمات بین بر چسب آغازو پایان Anchor به عنوان فرا پیوند نمایش داده می شود.
این Anchor یک پیوند به html.ir را معرفی می کند:

<a href="http://www.html.ir"> html.ir را ملاقات کنید </a>

خط بالا شبیه این نشان داده خواهد شد :

html.ir را ملاقات کنید

موجودیت Target

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

<a href="http://www.html.ir/" target="_blank"> html.ir را ملاقات کنید </a>

برچسب Anchor و موجودیت نام

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

<a name="lable">متنی که نوشته می شود</a>

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

<a name="tips"> بخش اطلاعات مفید </a>

شما باید توجه کنید که یک Anchor نام دار، در یک حالت خاص نشان داده نمی شود. برای پیوند مستقیم به بخش "Tips" یک علامت "#" و نام آن Anchor را به انتهای آن url اضافه کنید:

<a href="http://www.html.ir/links.html#Tips"> پرش به بخش اطلاعات مفید </a>

یک فرا پیوند به بخش نکات مفید از میان فایل "Links.html" شبیه به این خواهد بود

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

همیشه یک علامت "/" به منابع زیر پوشه ها اضافه کنید. اگر شما پیوندی مثل این درست کنید

href="http://www.html.ir/links.html"

شما دو تقاضا برای سرور درست کرده اید ، چون سرور یک علامت "/" به انتهای آدرس اضافه کرده و یک تقاضای جدید درست می کند. مثل این:

href="http://www.html.ir/links.html/"

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

برچسب Anchor

برچسب ها	توضیحات
<a>	یک Anchor را معرفی می کند

بخش هفتم

          M:A 
            بازدید : 181
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

قابها

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

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

برچسب Frameset

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

برچسب Frame

برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.

در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای 25% از پنجره مرورگر ست شده است.ستون دوم با پهنای 75% از پنجره مرورگر ست شده است. پرونده "HTML "frame_a.html در ستون اول قرار گرفته و پرونده "HTML "frame_b.html در ستون دوم قرار داده شدهاست.

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

اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید "noresize="noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.

برچسب های قاب

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

بخش هشتم

          M:A 
            بازدید : 203
          سه شنبه 08 اسفند 1391
           نظرات (0)
        

جدول ها

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

row1,cel1	row1,cel2
row2,cel1	row2,cel2

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

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

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

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

Another Heading	Heading
row1,cel2	row1,cel1

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

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

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

row1,cel2	row1,cel1
	row2,cel1

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

row1,cel2	row1,cel1
	row2,cel1

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

عناصر <thead>، <tbody>و <tfoot>به دلیل پشتیبانی بد مرورگر ها به ندرت مورد استفاده قرار می گیرند. انتظار می رود که در نسخه های بعدی XHTML این روند

برچسب های جدول

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

تبلیغات

صفحه قبل 1 2 3 4 صفحه بعد

تعداد صفحات : 4