در این فیلم آموزشی با تگ Fieldset و تگ Legend که بیش تر در فرم ها برای گروه بندی مطالب استفاده می شود آشنا خواهیم شد و فیلم آموزش مربوطه را در ویدیو زیر می توانید مشاهده بکنید :
نحوه استفاده از تگ Fieldset
در سورس پایین می توانید نحوه استفاده از این تگ fieldset را مشاهده بکنید :
<html>
<head>
<title> Web30ty </title>
</head>
<body>
<fieldset>
Learn HTML
</fieldset>
</body>
</html>
اگر سورس کد بالا رو اجرا کنید فقط یه کادری رو می بینید که داخل آن نوشته شده است Learn HTML و هیچ عنوانی ندارد چون ما فقط از تگ fieldset استفاده کرده ایم .
عنوان گروه
برای مشخص کردن عنوان گروه از تگ Legend استفاده می کنیم ، در داخل این تگ هر چیزی که بنویسید در عنوان گروه نمایش داده می شود به سورس کد زیر نگاه کنید اگر این سورس کد رو اجرا کنید خودتون متوجه خواهید شد :
<html> <head> <title> Web30ty </title> </head> <body> <fieldset> <legend>عنوان گروه</legend> Learn HTML </fieldset> </body> </html>
اگر کد رو اجرا کرده باشید حتماً دیدید که عنوان گروه در سمت چپ صفحه نمایش داده می شود ، حالا با توجه به آموزش های جلسات قبل باید بدونید که برای بردن عنوان گروه به سمت راست از چه شناسه ای باید استفاده کنیم ؟؟؟؟ اگه جوابتون شناسه Align هستش باید بگم جوابتون درسته آفرین ، این شناسه رو در تگ Legend قرار می دیم و مقدار اون رو هم Right می نویسیم .
داخل تگ Fieldset می تونید از هر مطلب یا تگی استفاده بکنید مثلاً از تگ لینک استفاده بکنید یا هر تگ دیگه ای که خواستید . برای دادن عرض و ارتفاع ما نمی توانیم مستقیماً از شناسه Width و Height استفاده کنیم ، پس میایم از تگ Table استفاده می کنیم در فیلم آموزشی این قسمت و قسمت قبلی به خوبی در این مورد توضیح داده شده است .
نکته :
در سورس کد زیر تگ Fieldset و تگ legend رو در دوتا سطر و دوتا ستون قرار دادم در حالی که در فیلم آموزشی فقط از یک سطر و ستون استفاده کرده ایم .
<html> <head> <title> Web30ty </title> </head> <body> <table width="800" border="3" bordercolor="#f0s0" cellpadding="10" > <tr> <td> <fieldset> <legend align="right"> عنوان گروه </legend> Learn HTML <br/> <a href="https://www.web30ty.com"> Web30ty </a> <br/> هر متنی رو می تونید اینجا قرار بدید . </fieldset> </td> <td> <fieldset> <legend align="right"> عنوان گروه </legend> Learn HTML <br/> <a href="https://www.web30ty.com"> Web30ty </a> <br/> هر متنی رو می تونید اینجا قرار بدید . </fieldset> </td> </tr> <tr> <td> <fieldset> <legend align="right"> عنوان گروه </legend> Learn HTML <br/> <a href="https://www.web30ty.com"> Web30ty </a> <br/> هر متنی رو می تونید اینجا قرار بدید . </fieldset> </td> <td> <fieldset> <legend align="right"> عنوان گروه </legend> Learn HTML <br/> <a href="https://www.web30ty.com"> Web30ty </a> <br/> هر متنی رو می تونید اینجا قرار بدید . </fieldset> </td> </tr> </table> </body> </html>
دوستان اگر پیشنهادی برای بالا بردن کیفیت آموزش ها و یا انتقادی در این مورد دارین حتما در قسمت نظرات بنویسید .
