- ۰ نظر
- ۰۵ فروردين ۹۴ ، ۱۵:۰۲
امروز میخواهم یکی دیگر از تگ های پرکاربرد html را معرفی کنم. تگ <table> یا جدول ؛ برای ایجاد جدول در صفحات اچ تی ام ال به کار میره!
بجای استفاده از صفت های مانند border در تگ جدول بهتر هست از css استفاده کنید.آموزش css و صفت های مربوط به تگ <table>.
برای افزودن سطر به جدول خود در صفحه html از تگ <tr> که مخفف کلمه ی table row میباشد استفاده میکنیم ، برای افزودن محتوا در سطر جدول از تگ <td> استفاده میکنیم که مخفف کلمه table data هست.
ساختار تگ <table>
در اچ تی ام ال دو نوع لیست داریم ، لیست های مرتب و نامرتب ، برای ایجاد لیست های مرتبط از تگ <ol> و برای ایجاد لیست های نامرتب از تگ <ul> استفاده میکنیم.
چگونه لیستی مرتب از اعداد ایجاد کنم ؟
برای افزودن عکس به صفحه html خود می توانیم از تگ <img> استفاده کنیم. در مورد تگ عکس یا همون <img> بگم تگی هست که نیاز به بسته شدن نداره! و تو این تگ از صفت های (Attribute) ؛
alt = برای کاربرانی که به دلایلی نمی توانند عکس را مشاهده کنند یا عکس بارگذاری نمیشه ، مقدار این صفت برای کاربر بعنوان اطلاعات جایگزین نشون داده می شود!
src= مقدار این صفت برابرست با آدرس عکس مورد نظرمون. خب برای درک بیشتر مطلب به مثال زیر دقت کنید:
در این مطلب میخوام به چگونگی استایل دادن به متن در css بپردازم ، امیدوارم براتون مفید باشه و نظر هم یادتون نره!
مثال های که در این مطلب ارائه میشن در بیشتر مرورگرها پشتیبانی می شوند ولی پیشنهاد میکنم برای استفاده از امکانات css در طراحی خودتان اگر پشتیبانی مرورگرهای خاصی براتون اهمیت داره ، مثلا مرورگر IE9 به پایین که سهم شان در استفاده کاربران از آنها رو به روز کمتر میشه و دیگر مرورگر ها میتونید از این سایت استفاده کنید و اگر سوالی داشتید می توانید به این صفحه مراجعه کنید.
با تگ font در html حتما آشنایی دارید! برای آموزش html به این صفحه مراجعه کنید. خب میخواهیم دستورات font را با css بنویسیم!
<p>
<font color="black" face="tahoma,arial">
lorem ipsum matnist azmayeshi
</font>
</p>
برای اینکه به هر پاراگراف خود رنگ و فونت مشخصی بدهید باید دستورات فونت را به همراش تکرار کنید! و این کار ...! دوست داشتنی نیس! برای این کار از سی اس اس استفاده کنیم. به این صورت
شاید فکر کنید که استفاده از css احتیاج به کدنویسی پیچیده دارد! در حالی که اینطور نیست ، css یکی از آسان ترین و برترین ابزار برای طراحان وب هست!
سلکتور(گزینشگر ، انتخاب کننده! همون سلکتور خوبه! :)).
سلکتورهای سی اس اس (CSS selectors)
هر سبک css دو بخش دارد. اولین بخش سلکتور مورد نظر ماست که می خواهیم استایل را بهش اعمال کنیم. بخش دومم هم خصوصیات(propertis) مورد نظرمون که میخاهیم رو سلکتور اعمال بشن.که خصوصیات و مقدار آنها بین دو { } قرار میگیرند.
selector
{
propertis:value;
}
بخش اول آموزش سی اس اس CSS
تاریخچه مختصر
در سال 1995 توسط کنسرسیوم جهانی وب (W3C) معرفی شد.
سال 1996 این استاندارد به طراحان وب توصیه شد.
سال 1998 نیز نسخه دوم این استاندارد نیز منتشر شد.
اولین سایتی که طراحی قدیمی را کنار گذاشت و در طراحی قالب از css استفاده کرد، سایت ورزشی ESPN بود و سایت دیگری هم بودند
که از این استاندارد استفاده کردند همچون GAMESPOT که بعنوان بزرگترین سایت مرتبط با بازی های کامپیوتری شناخته میشود.
آموزش ایجاد پاراگراف و عنوان ها در اچ تی ام ال.برای افزودن پاراگراف از تگ <p></p> به کد زیر دقت کنید :
<p> drowgaan tahi wada, lorem ipsum dollar ... </p>