جهت مشاهده مطالب کارشناسان و کاربران در این موضوع کلیک کنید   

موضوع: اموزش html

  1. #1

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    خجالت اموزش html






    در این مقاله اموزش HTML مطرح میشود

    لطفا ذوستانی که سر رشته ای در این بحث دارند همکاری کنند

    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  2. تشکرها 2


  3.  

  4. #2

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    خجالت Html چیست؟




    اموزش html
    HTMLچیست؟



    سرواژه‌ٔ HyperText Markup Language و به معنای « زبان نشانه‌گذاری اَبَرمتن » است (که البته برخی آنرا « زبان علامت‌گذاری فرامتن » ترجمه کرده‌اند).

    اچ‌تی‌ام‌ال، سنگِ‌بنای وب است؛ یک زبان رایانه‌ای که برای تدوین قالب و طراحی صفحات وب به کار برده می‌شود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، به وسیلهٔ آنها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وِب، توصیف می‌شود. هر یک از برچسبهای اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسبهایی برای تغییر شکل ظاهری متن، نظیر درشت‌ و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند. یک سند اچ‌تی‌ام‌ال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچ‌تی‌ام‌ال تشکیل می‌شود.
    مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند. اچ‌تی‌ام‌ال یک زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساختمندکردن اطلاعات و تفکیک اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرستها، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوریهای دیگری چون شیوه‌نامه‌های آبشاری است. گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس.جی.ام.ال است و « کنسرسیوم وب جهان گستر » آنرا به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است.
    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  5. تشکر


  6. #3

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    پرسش المنت و تگ چیست؟




    زبان HTML شامل مجموعه ای از تگ ها و المنت ها است. در واقع همین تگ ها هستند که به Internet Browser می فهمانند که چیزی را باید نمایش دهد. پس برای یادگیری HTML باید المنت های مختلفی را یاد بگیریم. هر المنت عمومی شامل تگ شروع و پایان و محتوای المنت می باشد. در واقع تگ ها برچسب هایی هستند که برنامه نویس برای نشانه گذاری شروع و پایان المنت ها از آن استفاده می کند. فرمت تگ به این گونه است که شامل علامت کوچکتر « > » برای شروع و علامت « < » برای پایان هستند.
    به طور کلی دو نوع تگ داریم : تگ باز مثل <HTML > و تگ بسته مثل < HTML/> . تفاوت اصلی تگ های شروع و پایان در این است که تگ پایان در ابتدای نام خود حاوی کاراکتر « / » می باشد.
    در ادامه به شرح و بررسی چند المنت ساده در زبان HTML می پردازیم:
    المنت b برای bold کردن کلمات و جملات استفاده می شود. بدین صورت که هر متنی که درون تگ باز <<b و تگ بسته <b/> قرار گیرد درBrowser به صورت Bold نمایش داده می شود. ( المنت b مخفف کلمه یbold می باشد.)


    <b> This is a bold text </b>
    این مثال در Browser به صورت زیر نمایش داده می شود:
    This is a bold text
    المنت های h1,…,h6 در HTML برای ساخت headerها استفاده می شوند. المنت h1 برای ایجاد هدرهای بزرگ و المنت h6 برای ایجاد هدرهای کوچک به کار می رود. در واقع از h1 به h6 هدرها کوچکتر می شوند.

    <h1> this is a simple article</h1>
    <h3> this is a simple article </h3>

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

    This is a headet text

    This is a headet text

    نکته مهمی که درمورد المنت های HTML وجود دارد این است که برخی از المنت ها فقط شامل تگ شروع هستند و تگ پایانی ندارند و در انتهای نام المنت شامل کاراکتر « / » هستند مثل تگ <br /> . همچنین نسخه های استاندارد سازی شده زبان HTML که باعث شد نسخه های بعدی HTML به نام XHTML ارائه و عرضه گردد برخی از المنت ها مثل <img src ""> </img> در XHTML نامعتبر اعلام شده و باید به صورت <img src="" /> نوشته بشود. نکته دیگر اینکه برای تگ ها و اسامی تگهای HTML حروف کوچک و بزرگ با هم تفاوتی ندارند و مفهوم یکسانی را به مرورگر بیان می کنند. مثل <htML> < HTML> <HTmL>
    لازم به ذکر است که در استاندارد XHTML تگها و اسامی تگها باید با حروف کوچک تایپ شود. در ادامه مقالات این بخش به بررسی سایر تگ های پرکاربرد و مفید HTML از قبیل <img> و <table> و... خواهیم پرداخت.
    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  7. #4

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    خجالت طرز ساختن ليست ها




    ليستها هم جزو عنصر متن در html ميباشند که بخاطر زياد بودن تگهاي متن مجبورم آنها را از هم جدا کنم. سه نوع ليست وجود دارد، يکي ليستهاي با ترکيب منظم (Ordered list) و ليست با ترکيب نا منظم (Unordered list) و ديگري ليستهاي توصيفي (Definition list) . شايد اين نوع نامگذاري بخاطر وجود اعداد يا حروف بترتيب در ليست منظم است که در ديگري فقط نقطه هاي توپر هست که ترتيبي را نميتوان براي آنها در نظر گرفت. در هر صورت تگهاي آن به شرح زير ميباشند:
    <ol><li></ol>
    براي درست کردن ليست در يک صفحه از اين تگها بايد استفاده کنيم، بدين صورت که در آغاز قسمتي که ميخواهيم ليست درست کنيم تگ <ol> را که مخفف ordered list ميباشد ر ا مينويسيم تا مرورگر بفهمد ليست از آنجا شروع ميشود و سپس در ابتداي هر گزينه از ليستمان تگ <li> را اضافه ميکنيم و در انتهاي گزينه ها تگ پايان دهنده </ol> را می نويسيم.
    اگر دقت کنيد به صورت پيش فرض اعداد 1,2,3 به ابتداي گزينه هاي ليست مان اضافه ميشود. شما ميتوانيد خصوصيت type را به تگ <ol> اضافه کنيد و آنرا با A, a که به صورت حروف کوچک يا بزرگ انگليسي و يا با I, i که با اعداد رومي است مقدار دهي کنيد. به طور مثال اگر ميخواهيد ترتيب ليست شما با اعداد رومي کوچک باشد بدين صورت تگ را کامل ميکنيد:
    <ol type="i">
    <li> Item 01
    <li> Item 02
    <li> Item 03
    </ol>
    <ul><li></ul>
    اين تگ را unordered list مينامند و مانند تگهاي بالا براي درست کردن ليست در يک صفحه ميباشد با اين تفاوت که بجاي حروف و اعداد از دايره يا مربع هاي توپر استفاده ميکند که مانند بالا ميتوانيد از خصوصيت type که با کلمات ” disc”, “circle”, “square” مقدار دهي ميشود استفاده کنيد.
    <ul type="disc">
    <li> Item 01
    <li> Item 02
    <li> Item 03
    </ul>
    شما ميتوانيد براي درست کردن يک ليست که داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت Nested list گفته ميشود.
    بر فرض مثال ما يک ليست داريم که چهار گزينه دارد و هر کدام از آنها دو رنگ سفيد و سياه دارند:
    <ol type=”I”>
    <li> Item 01 <ul type="circle"> <li> Black <li> White </ul>
    <li> Item 02 <ul type="circle"> <li> Black <li> White </ul>
    <li> Item 03 <ul type="circle"> <li> Black <li> White </ul>
    <li> Item 04 <ul type="circle"> <li> Black <li> White </ul>
    </ol>
    <dl><dt><dd></dl>
    آخرين مدل، ليستهاي توصيفي هستند که براي تعريف و توصيف يک کلمه بکار ميروند که کلمه مشخص را با تگ <dt> و توصيف آنرا با <dd> بکار ميبرند.
    <dl>
    <dt> Html
    <dd> HyperText Markup Language.
    </dl>

    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  8. #5

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    اشاره - formatting text قالب بندي متن




    در اين صفحه تگهايي را مياموزيد که کنترل نمايش حروف از لحاظ سايز، ضخامت، نوع آرايش و قرارگيري آنها در کلمه را بعهده دارند که به اين نوع تگها formatting ميگويند.
    < font></font >
    براي مشخص کردن نوع يا شکل حروف ، رنگ و يا اندازه آنها از اين تگ استفاده ميکنيم که داراي خصوصيات زير ميباشد. مثال
    face=" " اين خصوصيت نوع فونت را تعيين ميکند که بايد برابر با يکي از فونتهاي استاندارد سيستم عامل قرار دهيد.
    size=" " اندازه هر حرف را تعيين ميکند که از اعداد يک تا هفت با علامت مثبت به نشانه افزاينده و با علامت منفي به نشانه کاهش سايز استفاده ميشود.
    color=" " براي کنترل و تعيين رنگ حروف اين تگ را ميتوان بکار برد.
    <big></big> , <small></small>
    براي تعيين اندازه حروف در يک حد خاص از اين تگها استفاده ميشود. مثال
    <b></b>
    متن بين آنها بصورت توپر bold ظاهر ميشود. مثال
    <i></i>
    براي نوشتن حروف بصورت کج italic اين تگ را بکار ميبريم. مثال
    <u></u>
    اين تگ خطي زير کلمات خواهد کشيد. مثال
    <s></s>
    گاهي اوقات نياز داريم که روي يک حرف يا کلمه خط بکشيم، بطور مثال ميخواهيم روي قيمت قديمي کالا خط بکشيم و قيمت جديد آنرا کنارش بنويسيم که در اينصورت اين تگ را بکار خواهيم برد، همچنين از تگ <strike> ميتوان بجاي آن استفاده کرد. مثال
    نکته: تگ هايي مانند <b><i><u><s> را physical مينامند يعني متن بکار رفته در آنها بصورت آنچه که انتظار داريم نمايان ميشوند اما در مقابل، تگ هاي logical هم هستند که تنظيمات مرورگرها در آنها موثر خواهند بود.
    <sup></sup>
    حروف يا اعداد بين آنها بالاتر از سطر ظاهر خواهند شد، مانند عدد توان در رياضيات. مثال
    <sub><sub>
    حروف يا اعداد پايين تر از سطر نوشته ميشوند، مانند عدد ظرفيت در فرمولهاي شيمي. مثال
    <tt></tt>
    نوشته بين آنها بصورت حروف تايپي ظاهر ميشود و خاصيت آن در اينست که کليه حروف به يک اندازه جا اشغال ميکنند. مثال
    <em></em>
    اين تگ مانند تگ < i > عمل ميکند و جزو تگهاي Logical است. مثال
    <strong></strong>
    اين تگ هم مانند <b> عمل ميکند و در ضمن logical است. مثال
    نکته: مزيت استفاده تگهاي logical به تگهاي physical در اينست که در کليه مرورگرها به نمايش در ميايند ولي در بعضي از مرورگرها ممکن است تگ physical عمل نکند.
    <cite></cite>
    براي جمله هاي نقل قول ميتوان ازش استفاده کرد که مانند <i> عمل ميکند و در ضمن logical هم هست. مثال
    <blockquote></blockquote>
    اين تگ مانند <p> وظيفه پاراگراف بندي را به عهده دارد با اين تفاوت که حاشيه بيشتري را در نظر ميگيرد و اگر براي دو دفعه متوالي استفاده شود، پاراگراف دوم با حاشيه دو برابر نسبت به اولي نمايان ميشود. در ضمن براي خطوط ساده از <q> ميتوان استفاده کرد. مثال
    <acronym></acronym>
    کاربرد اين تگ براي مختصرنويسي است يعني اگر يک کلمه مانند HTML داريد با استفاده از آن ميتوانيد کلمات کامل را در يک کادر کوچک به اسم tooltip قرار دهيد و هنگاميکه کاربرموس را روي آن کلمه ببرد اين کادر باز شده و آنها را نمايش دهد.کلمات کامل را بايد در خصوصيت title=" " قرار دهيد. مثال
    <acronym title="radiodetecting and ranging"> RADAR </acronym>
    <abbr></abbr>
    اين تگ هم مانند تگ بالا است با اين تفاوت که در مرورگر چيزي را نمايش نميدهد.
    <code></code>
    اگر شما نياز داشتيد تا داخل يک صفحه از وب در مورد کد زبانهاي برنامه نويسي صحبت کنيد، ميتوانيد آنها را بين اين دو تگ قرار دهيد، همچنين براي متغيرها هم از تگ <var></var> ميتوان استفاده کرد. مثال
    <dfn></dfn>
    اين تگ نمايانگر کلمه definition و براي توصيف يک متن بکار ميرود که آن متن بصورت مايل ظاهر خواهد شد. مثال
    <kbd></kbd>
    اين هم نمايانگر کلمه keyboard است که حروف را بصورت ساده و تايپي نشان ميدهد. مثال
    <samp></samp>
    نمايانگر کلمه sample است و براي نمايش نمونه کارتوليد شده از يک برنامه بکار ميرود. مثال
    <del></del>
    هنگاميکه بخواهيد يک مطلب را حذف کنيد از اين تگ استفاده ميکنيد و يک خطي روي متن بين آنها کشيده ميشود که بطور معمول با تگ <ins> بکار ميرود. اين تگ داراي دو خصوصيت منحصر ميباشد، cite=" " که ميتواند آدرس يک فايل باشد تا توضيحي راجع به علت حذف آن مطلب بدهد و date=" " که تاريخ و زمان حذف را معين ميکند. مثال
    <ins></ins>
    اين تگ هم بطور معمول با <del> بکار برده ميشود و براي مشخص کردن يک مطلب وارد شده است که داراي خصوصيات درج شده در تگ <del> نيز ميباشد و همچنين اين دو تگ داراي خصوصيت title=" " هم ميباشند که در آن يک پيغام براي بيان علت حذف يا اضافه مطلب ميتوان نوشت. مثال

    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  9. #6

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    راهنما كار با متن در يك صفحه html




    همانطور که دربخشهاي قبل گفته شد، هرمتني را بين تگ هاي <body> وارد کنيد بعد از ذخيره آن فايل با پسوند .html يا .htm و هنگام نمايش فايل در مرورگر آنرا مشاهده خواهيد کرد که متن مورد نظر با تنظيمات مرورگر نمايان خواهد شد. ولي ما با استفاده از تگهاي اين عنصر کنترل نمايش نوشته ها را بدست خود ميگيريم تا همان چيزي که مورد نظر ما است نشان داده شوند. تگهاي متن را ميتوان به دو دسته تقسيم کرد، تگهاي اوليه که بيشتر وظيفه خط بندي، پاراگراف بندي و يا تنظيمات در ارتباط با متن را به عهده دارند و تگهايي که شکل و آرايش حروف را کنترل ميکنند که به آنها formatting مي گويند. بهتر است که Notepad يا هر برنامه ويرايشگر متن را که داريد باز کنيد و هر کدام از اين تگها را امتحان کنيد تا کاربرد آنها در ذهن شما جاي گيرد.
    <br>
    براي خط بندي از اين تگ استفاده ميشود و متن بعد از آن به يک خط پايين تر منتقل ميشود که نيازي به تگ پايان دهنده هم ندارد.
    مثال
    <p></p>
    پاراگراف بندي متن را به عهده دارد و فاصله بيشتري را نسبت به <br> بين خطوط ايجاد ميکند. اين تگ داراي خصوصيت align= " " ميباشد که محل قرارگيري پاراگراف را در يک سطر کنترل ميکند و با کلمات "left", "center", "right", "justify"مقداردهي ميشود. مثال
    <p align="left">...</p>
    <center></center>
    همانطور که از اسمش پيداست متن بين اين دو تگ در وسط يک سطر قرار خواهد گرفت، البته اين تگ را براي عناصر ديگر وب نيز ميتوان بکار برد. مثال
    <pre></pre>
    مرورگرها فاصله هر کلمه را در حد استاندارد نشان ميدهند و اگر شما بخواهيد که يک متن با فاصله هاي زيادي نمايش داده شود يعني آنطور که ميخواهيد نشان داده شود از اين تگ استفاده ميکنيد. مثال
    <h1></h1>
    به اين تگ Heading مي گويند و براي مشخص کردن سرفصلها و تيترها بکار ميرود. اين تگ از عدد يک تا شش درجه بندي دارد که عدد يک بزرگترين حد و شش کوچکترين حد حروف را نمايش ميدهند. در ضمن داراي خصوصيت " "=alignميباشند و با left, center , right مقداردهي ميشود. مثال
    < hr >
    اين تگ روي خود متن کاري صورت نميدهد و فقط با ترسيم يک خط افقي آنها را از هم جدا ميکند که داراي خصوصيات زير ميباشد.
    width=" " طول خط را کنترل ميکند که هم با عدد در مقياس پيکسل و هم با درصد ميتوان مقدار دهي کرد.
    align=" " که محل قرار گيري خط در يک سطر را کنترل ميکند.
    color=" " رنگ خط که ميتوانيد اسم رنگ يا کد هگز رنگ را بنويسيد.
    size=" " اين خصوصيت ضخامت خط را تعيين ميکند که هرچه عدد بزرگتر باشد ، ضخامت بيشتر است. بصورت پيش فرض خط داراي سايه ميباشد و اگر خصوصيت noshade را به تگ اضافه کنيد ديگر سايه را نشان نميدهد. مثال
    <div></div>
    اين تگ کاربرد فراواني براي مدل دادن به متن دارد و مانند تگ < br > آن قسمت از متن را جدا ميکند وبه خط بعد منتقل ميکند . خصوصيت style=" " در اين تگ توانايي اعمال يک الگوي خاص در آن قسمت از متن را ميدهد. بطور مثال هر گاه کاربر نشانگر موس را روي آن متن برد ، نوشته هاي ما خط دار شود، البته هر نوع Style که تعريف شود همان را بکار ميبرد. در بخش Style Sheets درست کردن الگوها را توضيح خواهم داد. مثال
    <span></span>
    اين تگ هم مانند تگ بالا ميباشد با اين تفاوت که مخصوص يک کلمه يا حتي يک حرف ميباشد چون مانند div متن را از بقيه جدا نميکند و داراي خصوصيت style=" " ميباشد که بر فرض هنگام قرار گرفتن موس روي يک کلمه زمينه آن رنگي شود. مثال
    < marquee></marquee >
    متن بين اين دو تگ متحرک خواهد شد و داراي خصوصيات زير ميباشد، البته اين تگ ممکن است در همه مرورگرها عمل نکند ولي در مرورگر اينترنت اکسپلورر (IE) مشکلي براي نمايش ندارد. خصوصيات اين تگ عبارتند از :
    align=" " محل قرار گرفتن متن را تعيين ميکند که با کلمات top, middle, bottom مقدار دهي ميشود.
    behavior=" " اين خصوصيت نحوه حرکت متن را کنترل ميکند که آنرا برابر با scroll اگر قرار دهيم، متن بصورت متناوب از يکطرف صفحه وارد و از طرف ديگر خارج ميشود و اگر برابر با alternate قرار دهيم ، متن از صفحه خارج نميشود و در عرض مرورگر حرکت ميکند، همچنين اگر برابر با slide باشد ، متن از يکطرف وارد صفحه شده و در طرف ديگرميايستد.
    bgcolor=" " رنگ زمينه آن تگ را مشخص ميکند که يا نام رنگ يا کد هگز آنرا مينويسيد.
    direction=" " جهت ورود متن به صفحه را کنترل ميکند و با کلمات left, right, top, down که از چپ ، راست، بالا و پايين ميتواند وارد شود.
    height=" " ارتفاع کادر marquee را به عدد در مقياس پيکسل يا به درصد تعيين ميکند.
    hspace=" " حاشيه چپ و راست را کم وزياد ميکند.
    loop=" " تعداد چرخش متن را کنترل ميکند.
    scrolldelay=" " سرعت حرکت متن را تعيين ميکند.
    vspace=" " حاشيه بالا و پايين متن را مشخص ميکند.
    width=" " عرض کادر را کنترل ميکند.
    <-- !.....-->
    از اين تگ براي افزودن نظريه يا هر نوشته ديگري که نميخواهيد در مرورگر نمايش داده شود و يا عملي را انجام دهد استفاده ميکنيد که بجاي نقطه چين هر متني را ميتوانيد وارد کنيد .
    <bdo></bdo>
    اين تگ فقط مخصوص مشخص کردن متن ازطرف چپ يا راست که داراي خصوصيت dir=” “ ميباشد و با ltr يعني از چپ به راست و rtl يعني از راست به چپ مقدار دهي ميشود.

    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  10. #7

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    دعوت کار با تصاویر در صفحات وب




    - قرار دادن تصویر در یک صفحه ی وب
    برای قرار دادن تصویر در یک صفحه ی وب، ابتدا فایل تصویری مزبور را به شاخه ای که پروندۀ متن HTML شما در آن قرار دارد انتفال دهید .
    تگ HTML زیر را در نقطه ای از متن که می خواهید تصویر مزبور در آن ظاهر شود، درج نمایید. به جای myimage. Gif از نام پروندۀ تصویری خود استفاده کنید:

    <img src= "myimage.gif " />

    هر گاه یک مرورگر وب، پروندۀ HTML ای را باز می کند. پرونده های تصویری را به طور خودکار بازیابی (retrieve) نموده و نمایش خواهد داد.
    اگر حدس می زنید که img به معنای image و src به معنای source (مرجعی برای مکان پروندۀ تصویری) می باشد؛ باید بگویم درست حدس زده اید.
    درست همانند تگ <a href=" " > می توانید هر نشانی اینترنتی کامل را به خصوصیت src مربوط به تگ img نسبت دهید .

    <img src=”http://www.mywebsite.com/images/flower.gif” >

    به جای این کار ، اگر تصویری در همان پوشۀ «فولدر» فایل HTML قرار دارد، می توانید فقط نام فابل را مشخص کنید. هم چنین ممکن است از نشانی های نسبی نظیر

    /image/newimage.gif

    استفاده نمایید.
    همچنین می توانید تصویر دلخواهی را از دیگر صفحات وب ، در صفحات مختص به خود قرار دهید. مثلاً می توانید با قرار دادن تگ زیر، عکسی را از سایت ماکروسافت در صفحۀ وب خود قرار دهید.

    <img src ="http://www.microsoft.com/web.jpg"/>

    هر وقت صفحۀ شما نمایش داده شود. تصویر مزبور از رایانۀ خادم «سرور» ماکروسافت بازیابی می گردد.البته پیشنهاد می کنم بهتر است از انجام این کار صرف نظر کنید! نه تنها این روش مناسب نیست. «معمولاً هر گاه شما تصویری را از رایانۀ خادم افراد دیگر بگیرید، هزینه ای برای آن ها در نظر گرفته می شود»، بلکه می تواند سرعت نمایش صفحات شما را به مقدار زیادی کاهش دهد.
    همچنین، روشی برای کنترل «نظارت» این که آیا تصویر مزبور تغییر یافته یا حذف شده است. وجود ندارد. اگر فردی به شما اجازۀ نشر مجدد یکی از تصاویر موجود در صفحات خود را داد، همیشه کپی «رو نوشت» از آن تصویر را به رایانۀ خود ارسال کنید و در صفحات خود از آن استفاده نمایید .
    - بر چسب گذاری یک تصویر
    هر تگ <img /> ، شامل یک پیام با متن کوتاهی می باشد . نام این خصوصیت alt (اختصار alternate text) است زیرا این پیام در محلی از تصویر موجود در مرورگرهای وب قدیمی تر که تصاویر گرافیکی را نمایش نمی دهند یا برای کاربرانی که در گزینه های مرورگر وب خود داون لود «پایین گذاری» خودکار تصویر را غیر فعال می کنند، ظاهر می شود .
    این ویژگی به طور قابل توجهی توسعه یافته است و طراحان باید هنگام ایجاد صفحات وب، نقص ظاهری این صفحات را به خاطر داشته باشند.
    افرادی که از جدیدترین نرم افزار مرورگر وب استفاده می نمایند. پیامی که شما در صفت alt قرار می دهید را نیز مشاهده خواهند کرد. از آن جا که گاهی اوقات انتقال پرونده های تصاویر گرافیکی در اینترنت مدتی وقت می برد، اکثر مرورگرهای وب به جای تصاویر گرافیکی ابتدا متن صفحه را با پیام های alt نشان می دهند.
    حتی پس از این که تصاویر گرافیکی جایگزین پیام های alt شوند، هر وقت اشاره گر ماوس از روی یک تصویر عبور کند، پیام alt در یک جعبۀ کوچک ظاهر می گردد. مثلاً پیکانۀ ماوس روی عکس قرار دارد و پیام alt مربوط به تگ < img /> نشان داده خواهد شد.
    معمولاً باید یک صفت alt مناسب را در هر تگ < img / > صفحات وب خود قرار دهید، موقعیت های مختلفی که ممکن است افراد، آن پیام را مشاهده کنند نیز به خاطر داشته باشید. ارائه توضیحی بسیار مختصر از تصویر عمل معقولانه ای است، ولی گاهی اوقات مؤلفان صفحات وب پیام های تبلیغی کوتاه یا شوخی ظریفی را در پیام های alt خود قرار می دهند. در مورد تصاویر کوچک یا کم اهمیت، بهتر است پیام alt کاملاً حذف شود.
    هم چنین یکی از مهم ترین کاربرهای خصوصیت alt این است که موتورهای جستجوگر از این خصوصیت برای فهمیدن محتوای تصویر استفاده می کنند.
    - تصاویر لینکی
    شما می توانید با استفاده از همان تگ <a> ، مورد استفاده برای ایجاد لینک های متنی، هر تصویر را در صفحۀ دیگر به یک لینک قابل کلیک تبدیل کنید. برای این کار باید تصویر مورد نظر را درون تگ <a> و </a> قرار دهیم.
    معمولاً، مرورگرهای وب یک چهار گوش رنگی در اطراف لبۀ هر لینک «پیوند» تصویری رسم می نمایند. این چهار گوش همانند لینک های متنی، برای افرادی که لینک مزبور را اخیراً مشاهده نکرده اند به رنگ آبی و برای افرادی که آن را مشاهده کرده اند به رنگ ارغوانی ظاهر می شود. از آن جا که بندرت این خط زشت را در اطراف دکمه های زیبای خود می خواهید همیشه باید خصوصیت border مربوط به تگ <img> را برایر با صفر نمایید .
    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  11. تشکر


  12. #8

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    عصبانی صدا و تصوير در وب




    با پيشرفت تکنولوژي در وب و نسخه هاي جديد مرورگرها که توانايي استفاده از مولتي مديا را در اختيار ما مي گذاشتن، انگيزه اي ايجاد شد تا صوت و تصوير هم در صفحات وب گنجانده شوند و سايتها را جذاب تر کنند. در اين صفحه راههاي اضافه کردن فايل صوتي به يک صفحه را مي آموزيد و در صفحه بعد افزودن فايلهاي تصويري را ياد خواهيد گرفت.
    اهميت حجم فايل صوتي
    فايلهاي صوتي يکي از سنگين ترين عناصر در وب از لحاظ حجم مي باشند که بايد در انتخاب آنها بيشتر دقت کنيد، چون هر چه فايل سنگين تر باشد دانلود شدن آن و همچنين صفحه وب کند تر و خسته کننده تر خواهد شد.
    MIME
    هنگاميکه يک فايل صوتي به صفحه اضافه شود، مرورگر به تنهايي قادر به پخش آن نمي باشد و بايد به کمک يک برنامه کاربردي ديگر اينکار را انجام دهد. مرورگرها توسط اطلاعاتي که از فايل دريافت مي کنند مي توانند تشخيص دهند که چه برنامه اي را بايد براي پخش آن فايل صدا بزنند که اين اطلاعات را MIME مي گويند.
    MIME مخفف Multipurpose Internet Mail Extensions است.
    زمانيکه مرورگر با يک MIME ناشناخته مواجه شود، پيغام خطاي “File Not Found” را در صفحه نمايش مي دهد.
    فرمتهاي فايلهاي صوتي
    WAV يکي از فرمتهاي صوتي که کيفيت بالايي هم دارد و البته حجم زيادي هم اشغال مي کند و در سيستم عامل ويندوز بکار مي رود. نوع MIME اين فرمت برابر است با audio/wav .
    AU اين فرمت متعلق به سيستمهاي عامل UNIX, Linux است و خاصيت آن داشتن حجم کم و البته با کيفيت پايين تر، که نوع MIME اين فرمت برابر است با audio/basic .
    AIFF اين فرمت هم متعلق به کامپيوترهاي Macintosh است با کيفيت بالا و حجم بسيار بالا. نوع MIME آن برابر است با audio/aiff .
    MIDI اين فرمت با فرمتهاي ديگر صوتي تفاوتهايي دارد. در اين فرمت بجاي ذخيره شدن فرکانس صدا، آهنگ صدا يا همان نت هاي موسيقي را ذخيره و پخش مي کند. بزرگترين مزيت آن حجم بسيار پايين و عيب آن، پخش آهنگ بدون گفتار است. نوع MIME اين فرمت audio/midi است.
    افزودن فايل صوتي به زمينه صفحه
    با اضافه کردن تگ <bgsound> به سورس کد صفحه وب، مي توانيد آهنگ يا صدايي را در زمينه صفحه وارد کنيد تا هنگاميکه بيننده صفحه را باز مي کند آن فايل بدون نياز به برنامه کاربردي ديگري پخش شود. اين تگ در حال حاضر کاربردي ندارد چون فقط مرورگراينترنت اکسپلورر نسخه هاي 5.5 به پايين آنرا پشتيباني مي کنند. اين تگ داراي دو خصوصيت ، src براي آدرس دهي فايل صوتي و loop براي کنترل تکرار دفعات پخش مي باشد.
    <bgsound src=”mymusic.mid” loop=”2”>
    افزودن فايل صوتي بصورت لينک
    يکي ديگر از راههاي اضافه کردن فايل صوتي به صفحه از طريق قرار دادن لينک و تگ <a> است که بيننده با کليک کردن بر روي آن لينک مي تواند هم آن فايل را بر روي هارد ديسک خود ذخيره کند و يا آنرا از همانجا باز کند. البته در مرورگراينترنت اکسپلورر نسخه 6.0 ابتدا پيغامي ظاهر مي شود که اگر دکمه Yes را بزنيد آن فايل توسط خود مرورگر پخش خواهد شد. در تگ لينک بايد از خصوصيت href براي آدرس دهي استفاده کنيد، فقط دقت کنيد که پسوندها را درست بنويسيد.
    <a href=”musics/mysong.wav”> music file </a>
    افزودن فايل صوتي از طريق object
    يکي از بهترين راههايي که مي توان فايل صوتي را به صفحه اضافه کرد، از طريق تگ <object> است. يکي از مزايايي که اين تگ دارد اينست که، شما مي توانيد يک متني را بين تگ آغازين و پايان دهنده اضافه کنيد که اگر مرورگر نتوانست آن فايل را بشناسد، نوشته مذکور در صفحه نمايان شود. در اين تگ براي آدرس دهي از خصوصيت data و براي تعيين MIME آن فايل از خصوصيت type استفاده مي شود، همچنين از خصوصيت height, width براي کنترل طول و عرض لوگوي برنامه پخش کننده فايل استفاده کنيد که در صورت لزوم آنها را برابر با عدد صفر قرار دهيد تا لوگو در صفحه ظاهر نشود.
    <object data=”musics/sound.wav” MIME=”audio/wav”>
    Your browser doesn’t support this audio format.
    </object>
    نکته: هنگاميکه صفحه داراي اين تگ را باز کنيد يک پيغام هشدار در مورد ActiveX ظاهر خواهد شد که براي اجراي فايل بايد دکمه Yes را بزنيد.
    Embed file
    تکنيک ديگر براي افزودن يک فايل مولتي مديا به صفحه از طريق تگ embed است. اين تگ استاندارد W3C نيست و در بيشتر مرورگرها اجرا نمي شود. از خصوصيت src براي آدرس دهي فايل و براي کنترل طول و عرض لوگوي برنامه کمکي از خصوصيت height, width مي توانيد استفاده کنيد. اين تگ داراي خصوصيات autostart و loop مي باشد که با کلمات false يا true مقدار دهي مي شوند.
    <embed src="godfather.mid" autostart="false"
    loop="false" height="40" width="150">
    Streaming Audio
    احتمالاً متوجه شديد که راههاي ذکر شده در بالا به درستي جواب نمي دهند و به خاطر مشکلات امنيتي ، مرورگرها فايلها را پخش نمي کنند. اما تکنيک ديگري هم هست که کليه مرورگرها از آن پشتيباني کرده و حتي با استفاده از آن مي توانيد فايلهاي سنگين را هم در صفحات بکار بريد بدون آنکه بيننده زمان زيادي را براي دانلود آنها صرف کند. اين تکنيک استفاده از روش Streaming Audio and Video است که در صفحه بعد به آن مي پردازيم.

    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  13. تشکر


  14. #9

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    عصبانی صدا و تصوير در وب - بخش دوم




    اگرچه حجم فايلهاي صوتي زياد است، اما در مقايسه با حجم فايلهاي تصويري چندان قابل عرض نيستند چون فايلهاي تصويري بطور معمول مخلوطي از صدا و تصوير مي باشند، داراي حجم بسيار بالايي نيز هستند که بکار بردن آنها در وب سايت ها زياد معقولانه نيست مگر اينکه يک فيلم بسيار کوتاه چند ثانيه اي را بخواهيد در صفحه جاي دهيد که قرار دادن اين فايلها دقيقاً مانند فايلهاي صوتي است . اما در اين صفحه مي پردازيم به فرمتهاي فايلهاي تصويري و معرفي تکنولوژي که توسط آن بتوانيد فايلهاي صوتي و تصويري با حجم بالا را در وب سايت قرار دهيد. فرمتهاي فايلهاي تصويري MPEG اين فرمت مخفف کلمات M otion Picture Experts Group است که در بيشتر سيستمها قابل اجرا مي باشد. نوع MIME اين فرمت video/mpeg است. AVI اين فرمت متعلق به سيستم عامل ويندوز مي باشد و نوع MIME آن برابر است با video/avi . QuickTime (MOV) اين فرمت مخصوص سيستم هاي Macintosh مي باشد که اگر مرورگري در سيستمهاي ديگر Plug-in اين فرمت را داشته باشد آنرا پخش خواهد کرد و نوع MIME آن video/quicktime مي باشد. Advanced Streaming Format (ASF) اين فرمت متعلق به شرکت مايکروسافت است که MIME آن video/asf مي باشد. Streaming Audio and Video اين يک تکنولوژي است که فايلها در هنگام دانلود شدن هم قابل پخش هستند، يعني هنگاميکه فايلهاي صوتي يا تصويري در حال دانلود شدن در سيستم هستند، در همان لحظه هم مي توانيد آنها را مشاهده کنيد يا به آنها گوش دهيد قبل از اينکه بطور کامل در سيستم ذخيره شوند. همانطور که مي دانيد يک فايل صوتي يا تصويري سنگين ممکن است چندين ساعت طول بکشد تا دانلود شود، اما براي غلبه بر اين مشکل تکنولوژي streaming audio and video بوجود آمد و در پي آن برنامه هايي نظير RealAudio, QuickTime, Microsoft’s streaming format عرضه شد. اين فرمتها قادر به پخش فايل در هنگام دانلود شدن هستند، بدين ترتيب که مقداري از اينگونه فايلها ابتدا در محلي از حافظه بنام بافر Buffer ذخيره شده و از آنجا پخش مي شود. هنگاميکه آن مقدار در حال اجرا است، مقدار ديگري از فايل در بافر ذخيره و پخش مي شود که به همين ترتيب ادامه پيدا مي کند تا کل فايل بطور کامل دانلود شود. البته اين نوع فرمتها، برنامه کاربردي مخصوص خود را مي خواهند و معروفترين برنامه ها RealOne.Player است که اين محصول فرمت RealAudio يعني ra براي فايل صوتي و RealVideo براي پخش فايلهاي تصويري را پشتيباني مي کند. فرمتهاي ديگر هم مانند ASF متعلق به شرکت مايکروسافت و QuickTime براي سيستمهاي Macintosh از اين تکنولوژي استفاده مي کنند. شما مي توانيد از برنامه هاي ويرايشگر صوتي مانند Sound Forge و تصويري مانند Adobe Premiere براي تبديل به اين تکنولوژي استفاده کنيد. اگر مايل هستيد از فرمتهاي Real Audio, Real Video در سايت خود استفاده کنيد بايد به چند نکته توجه کنيد، ابتدا مطمئن شويد که سرور ميزبان سايت شما از اين تکنيک پشتيباني مي کند و در آن يکسري تنظيمات بايد انجام شود، مثلاً براي فرمت Real Audio دو نوع MIME بايد در سرور تعريف شود: audio/x-pn-realaudio (files with a .ra or .ram file extension) audio/x-pn-realaudio-plugin (files with a .rpm file extension) سپس بايد يک برنامه براي تبديل فرمتهاي مختلف به اين فرمت و يک برنامه براي پخش اين نوع فرمت در سيستم خود داشته باشيد که مي توانيد آنها را از وب سايت www.real.com فراهم کنيد و در آخر هم يک فايل بنام متا فايل Meta File بايد درست کنيد براي ذخيره واستفاده از بافر، بدين ترتيب که، ابتدا يک برنامه ويرايشگر متن مانند Notepad را باز کرده وداخل آن آدرس فايل بر روي سايت خود را مي نويسيد، بطور مثال اگر نام فايل realtest.ra است و در دايرکتوري realaudiofile قرار دارد بايد خط زير را وارد کنيد بدون هيچ چيز اضافه، http://www.yourdomain.com/realaudiofile/realtest.ra سپس اين فايل متني را با نام دلخواه و با پسوند .ram ذخيره کرده و همراه با فايل صوتي مورد نظر به سرور خود منتقل کنيد. فقط دقت کنيد که براي فراخواني آن فايل بايد يک لينک بسازيد که متا فايل مربوطه را صدا کند نه خود فايل صوتي يا تصويري. نکته: بيننده سايت بايد برنامه مخصوص پخش اين گونه فرمت را در سيستم خود داشته باشد. اگر MIME به درستي تعريف نشده باشد، فقط متن داخل متا فايل نمايش داده خواهد شد و دقت کنيد تا هنگام منتقل کردن فايلهاي صوتي و تصويري توسط برنامه FTP اگر تنظيمات را به صورت دستي انجام ميدهيد حتماً از گزينه Binary استفاده کنيد.
    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

  15. #10

    تاریخ عضویت
    جنسیت شهريور ۱۳۸۷
    نوشته
    351
    مورد تشکر
    0 پست
    حضور
    نامشخص
    دریافت
    32
    آپلود
    0
    گالری
    2

    راهنما با جدول آشنا شويم




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

    تگ مشخصه جدول <table></table> ميباشد. اما براي اضافه کردن رديف به يک جدول از <tr></tr> و براي ستون از تگ <td></td> استفاده ميکنيم. پس ساختار کلي يک جدول بدين صورت ميباشد:
    <table>
    <tr><td>this is a table.</td></tr>
    </table>
    هر چه تگهاي رديف و ستون بيشتر باشد به همان اندازه ما در جدولمان خانه خواهيم داشت. مجموعه کد بالا نشان دهنده يک جدول با يک رديف و يک ستون است يعني اين جدول داراي يک خانه ميباشد. يکي از ويژگيهاي جدول که محبوبيت آنرا زياد ميکند اينست که هر خانه از آن ميتواند به طور مجزا زمينه رنگي و يا عکسي در زمينه آن داشته باشد البته اندازه هاي هر خانه هم ميتواند متفاوت باشد.
    border
    خب براي اينکه بتوانيم يک جدول را در مرورگر خود ببينيم بايد با خصوصيت border=" " آشنا شويم. اين خصوصيت دور جدول يک کادردرست ميکند البته اگر اين خصوصيت را برابربا صفر قرار دهيم يا آنرا ننويسيم کادر دور جدول در مرورگر نمايان نخواهد شد و هر چه عدد بزرگتري بگذاريم کادر ضخيم تري خواهيم داشت، در ضمن رنگ کادرهم با bordercolor=" " که برابر با عدد هگز رنگ است تعيين ميشود. border ويژگيهاي ديگري هم دارد، به طور مثال شما ميتوانيد خصوصيت frame=" " را به تگ <table> اضافه کرده و آنرا برابر با يکي از کلمات void, above, below, hsides, vsides,lhs, rhs, box قرار دهيد تا کادر دور جدول را کنترل کنيد. اين کلمات هر کدام يک قسمت از کادر را نمايان ميکنند.
    rule
    ويژگي ديگري هم هست ولي بهتره اول يک جدول درست کنيد تا مطلب جا بيافتد، برنامه Notepad را باز کنيد و کد زير را وارد کرده و به اسم Table.htm ذخيره کنيد:
    <table border="4" bordercolor="#ff0000">
    <tr>
    <td>cell 01</td><td>cell 02</td>
    </tr>
    <tr>
    <td>cell 03</td><td>cell 04</td>
    </tr>
    </table>
    حالا خصوصيت rules=" " را به تگ <table> اضافه کنيد و هر بار يکي از کلمات all, none, groups, rows, cols را جلوي آن قرار دهيد و فايل را دوباره ذخيره کنيد تا تاثير اين خصوصيت را ببينيد. مثال
    Alignment
    ميتوانيد با استفاده از خصوصيت align=" " که در تگ <td> مينويسيد محل قرارگرفتن يک عنصر مانند متن را تعيين کنيد که ميتوانيد اين خصوصيت را با کلمات left, right, center, justify مقداردهي کنيد. مثال
    height, width
    با خصوصيات height=" " , width=" " هم اندازه طول و عرض يک جدول را ميتوان کنترل کرد که بايد آنها را برابر با عدد در مقياس پيکسل قرار دهيد در ضمن شما ميتوانيد از درصد % هم استفاده کنيد مانند width="90%" که اين جدول نود درصد عرض يک صفحه را اشغال ميکند. مثال
    bgcolor
    براي تعيين رنگ زمينه يک جدول از bgcolor=" " که با عدد هگز رنگها مقدار دهي ميشود استفاده ميکنيم. اين خصوصيت را در تگ هاي <tr> و <td> هم مي توانيد بکار بريد. مثال
    cellspacing, cellpadding
    تگ<table> دو خصوصيت ديگر هم دارد که شما با بکار بردن آنها ميتوانيد فاصله بين خانه هاي جدول را از هم کنترل کنيد يعني فضاي خالي بين خانه ها اضافه کنيد، اين خصوصيت اين است cellspacing=" "و ديگري فاصله بين متن داخل يک خانه در جدول با لبه هاي چارچوب آن خانه است که خصوصيت cellpadding=" " اين وظيفه را به عهده دارد. هرچه مقداردهي عددي آنها بزرگتر باشد فاصله ها بيشتر خواهد بود. مثال
    header: <th></th>
    حالا که با درست کردن رديف و ستون در جدول آشنا شديد، ميتوانيد براي هر ستون و رديف عنوان گذاري کنيد و يک تيتر به بالاي ستون يا به ابتداي يک رديف اضافه کنيد. در هر قسمت که شما به يک تيتر و عنوان نياز داشتيد بجاي تگ <td></td> از تگ <th></th> استفاده کنيد که در اين حالت متن نوشته شده در آن خانه بصورت ضخيم ظاهر شده و از بقيه متمايز ميشود. مثال
    colspan, rowspan
    گاهي اوقات شما نياز داريد تا چند خانه در يک رديف يا يک ستون از جدول را ترکيب کنيد تا يک خانه درست شود و بطور مثال يک تيتر و عنوان در آن قرار دهيد که براي ترکيب خانه هاي يک ستون از خصوصيت rowspan=" " و براي يک رديف از colspan=" " در تگ <td> استفاده ميکنيد و مقدار آنرا برابر با تعداد خانه هايي که بايد يکي شوند، قرار ميدهيد. مثال
    caption
    بطور معمول هر جدول داراي يک اسم و يا يک توضيح ميباشد که آنرا با تگ <caption></caption> در ميان تگهاي <table></table> مشخص ميکنند. اين تگ داراي خصوصيت align=" " ميباشد با کلمات top, bottom, left, center, right مقداردهي ميشود. مثال
    thead, tbody, tfoot
    اگر جدول شما داراي ستونها و رديفهاي زيادي است پس تکرار خصوصيات در هر تگ مربوطه بسيار دشوار است. شما ميتوانيد بصورت گروهي اين خصوصيات را کنترل کنيد. براي کنترل رديفها بايد آنها را به سه قسمت تقسيم کرد، قسمت سرشامل فقط خانه هاي رديف اول، بدنه شامل همه رديفهاي وسط و قسمت انتهايي شامل فقط خانه هاي آخرين رديف، که قسمت سر را با <thead></thead> ، قسمت بدنه را با <tbody></tbody> و قسمت انتهايي را با <tfoot></tfoot> کنترل ميکنيم. اين تگ داراي خصوصيت align نيز ميباشد. مثال
    colgroup
    همچنين با تگ <colgroup></colgroup> ميتوانيد خصوصيات کليه ستونهاي يک جدول را کنترل کنيد که اين تگ علاوه بر خصوصيات گفته شده در اين بخش داراي خصوصيت span=" " نيز ميباشد که توسط آن تعداد ستونهايي که بايد کنترل شوند را تعيين ميکنيد. مثال
    summery
    يک خصوصيت ديگر نيز براي تگ <table> هست بنام summery=" " که توصيفي از جدول ميباشد ولي در جايي نمايش داده نميشود. اين خصوصيت براي مرورگرهايي که فقط متن را نمايش ميدهند و يا مرورگرهاي مخصوص افراد ناتوان ، مفيد ميباشد که بهتر است از آن استفاده کنيد.
    به اين موضوع هم توجه داشته باشيد که شما ميتوانيد داخل يک جدول، جدول ديگري هم درست کنيد يعني داخل هرخانه جداگانه يک جدول بسازيد که به اين روشNested table گفته ميشود.

    كتاب "آموزش سخت افزار" با فرمت جاوا قابل اجرا در تمامي گوشي هاي همراه
    دانلود

    لينك پست
    .................................................. ..........................

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. کمک :: آموزش ساخت کتاب html با نرم افزار Word
    توسط umsa در انجمن نرم افزارهای کاربردی
    پاسخ: 0
    آخرين نوشته: ۱۳۹۱/۰۵/۲۸, ۱۴:۰۷
  2. <آمـــــــــــــــوزش H T M l><html>
    توسط Mostafa در انجمن آموزش نرم افزاری
    پاسخ: 8
    آخرين نوشته: ۱۳۸۸/۰۹/۰۳, ۱۳:۳۷

کلمات کلیدی این موضوع

اشتراک گذاری

اشتراک گذاری

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
^

ورود

ورود