loading...
آموزش ها
تبلیغات ویزه
        sms.mida-co.ir



       
       
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 در ستون دوم قرار داده شدهاست.

<frameset cols="25%,75%">
    <frame src="frame_a.html">
    <frame src="frame_b.html">
</frameset>

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

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

برچسب های قاب

برچسب ها

توضیحات

<frameset>

یک مجموعه از قاب ها را معرفی می کند

<frame>

یک زیر پنجره (قاب) را معرفی می کند

<noframes>

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

<iframe>

یک زیر پنجره درون برنامه ای را معرفی می کند.

 

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

جدول ها

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

row1,cel1

row1,cel2

row2,cel1

row2,cel2

<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>مشخص می شوند.

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

<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&) به سلول داده خالی اضافه کنید تا حاشیه را مشخص سازید.

row1,cel2

row1,cel1

 

row2,cel1

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

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

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

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

برچسب ها

توضیحات

<table>

یک جدول معرفی می کند

<th>

سرتیتر جدول معرفی می کند

<tr>

یک سطر جدول معرفی می کند

<td>

یک سلول جدول معرفی می کند

<caption>

عنوان جدول معرفی می کند

<colgroup>

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

<col>

یک مقدار موجودیت برای یک یا چند ستون معرفی می کند

<thead>

سر یک جدول را معرفی می کند

<tbody>

بدنه یک جدول را معرفی می کند

<tfoot>

پاورقی جدول را معرفی می کند

 

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

جدول ها

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

row1,cel1

row1,cel2

row2,cel1

row2,cel2

<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>مشخص می شوند.

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

<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&) به سلول داده خالی اضافه کنید تا حاشیه را مشخص سازید.

row1,cel2

row1,cel1

 

row2,cel1

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

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

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

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

برچسب ها

توضیحات

<table>

یک جدول معرفی می کند

<th>

سرتیتر جدول معرفی می کند

<tr>

یک سطر جدول معرفی می کند

<td>

یک سلول جدول معرفی می کند

<caption>

عنوان جدول معرفی می کند

<colgroup>

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

<col>

یک مقدار موجودیت برای یک یا چند ستون معرفی می کند

<thead>

سر یک جدول را معرفی می کند

<tbody>

بدنه یک جدول را معرفی می کند

<tfoot>

پاورقی جدول را معرفی می کند

 

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

یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشان گذاری می شوند (معمولا یک دایره سیاه کوچک).یک لیست نامرتب با یک برچسب <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

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

لیست های تعریفی

یک لیست تعریفی ، لیستی از اقلام نیست. این لیست ، لیستی از عبارات و توضیحات آن عبارات است.یک لیست تعریفی با برچسب<dl> آغاز می شود.هر کدام از اقلام لیست تعریفی با برچسب <dt> آغاز می شود.هر تعریف در لیست تعریفی با برچسب <dd> آغاز می شود

<dl>
<dt> Cofee </dt>
<dd> Black hot drink </dd>
<dt> Milk </dt>
<dd> White cold drink </dd>
</dl>

Cofee

Black hot drink

Milk

White cold drink

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

برچسب Anchor

برچسب ها

توضیحات

<ol>

یک Anchor را معرفی می کند

<ul>

یک Anchor را معرفی می کند

<li>

یک Anchor را معرفی می کند

<dl>

یک Anchor را معرفی می کند

<dt>

یک Anchor را معرفی می کند

<dd>

یک Anchor را معرفی می کند

<dir>

یک Anchor را معرفی می کند

<menu>

یک Anchor را معرفی می کند

 

تبلیغات
صفحه قبل 1 2...83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 صفحه بعد

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

درباره ما
Profile Pic
سلام نیاز به همکار:از دوستانی که در برنامه نویسی یا وبلاگ نویسی سررشته دارند دعوت به همکاری در سایت آموزشها می شود لطفا با ما تماس بکیرید و شماره بگذارید.(در قسمت تماس با ما)
اطلاعات کاربری
  • فراموشی رمز عبور؟
    • لینک دوستان
  • اقامت در تهران
  • ساسان اس ام اس
  • آپلود
  • انوار وب
  • اسلام وب
  • فوتبالی
  • کسب در آمد آنی از اینترنت
  • خرید شارژ ایرانسل
  • تبادل لینک خودکار
  • سرگرمی و تفریحی
  • سیستم کلیکی آذر سنتر
  • قیمت خودرو بروز
  • حقوق
  • عکس تیوب
  • مطالب آموزشی و فناوری
  • مرکز کسب درآمد و دانلود رایگان
  • پی سی سلام
  • آموزش روخواني و روانخواني قرآن كريم
  • $گشت و گذار در وب$
  • خرید شارژ ایرانسل
  • دانلودکده
  • شارژ ایرانسل و همراه اول
  • آخرین مطالب ارسال شده
    • آرشیو
  • مرداد 1395
  • مرداد 1392
  • تير 1392
  • خرداد 1392
  • ارديبهشت 1392
  • فروردين 1392
  • اسفند 1391
    • نظرسنجی
    ازکدام بخش بیشتر خوشتان آمد
    خلاصه آمار

    آمار سایت
  • کل مطالب : 610
  • کل نظرات : 63
  • افراد آنلاین : 143
  • تعداد اعضا : 91
  • آی پی امروز : 399
  • آی پی دیروز : 83
  • بازدید امروز : 2,050
  • باردید دیروز : 167
  • گوگل امروز : 0
  • گوگل دیروز : 1
  • بازدید هفته : 2,050
  • بازدید ماه : 4,408
  • بازدید سال : 80,266
  • بازدید کلی : 751,222
    • کدهای اختصاصی

    رنک الکسا

    وضعیت آب و هوا

    پیچک

    ديكشنري آنلاين
    نرخ ارز
    فال انبیاء



    فال انبیاء



    صفحه اصلی تالار گفتمان ثبت نام ورود آرشیو تماس با ما
    نیرو گرفته : رزبلاگ