آموزش HTML 5 خوش آموز
آموزش HTML 5 : کاربرد Viewport در تنظیمات سایت متناسب با صفحه نمایشگر کاربر
در این آموزش با Viewport که یکی از تگ های متا در html می باشد آشنا می شویم. کاربرد Viewport در بهینه سازی سایت برای نمایش در نمایشگرهای مختلف مثل موبایل، تبلت و ... می باشد. شیوه نگارش صحیح این تگ متا به شکل زیر می باشد.
...
آموزش HTML 5 : آشنایی با تگ متا (meta) و کاربردهای مهم آن
در این آموزش با تگ meta و کاربردهای آن آشنا می شویم. طی این آموزش با متاهای مربوط به charset ، description ، keywords، author و همینطور http-equiv آشنا می شویم و کاربرد هر یک و اهمیت هر کدام را نیز توضیح می دهیم. تگ های متا در زمینه سئو بسیار حائز اهمیت می باشند.
...
آموزش HTML 5 : تگ Iframe برای نمایش وبسایتهای دیگر درون یک سایت
در این آموزش با تگ Iframe و کاربردهای آن آشنا می شویم. تگ Iframe می تواند وبسایت یا صفحات اینترنتی را در داخل یک سایت دیگر نمایش بدهد. شما می توانید با استفاده از ویژگی target در لینکها، لینک مربوطه را در داخل یک تگ Iframe نمایش بدهید. متاسفانه از Iframe ها در سطح وب، مخصوصاً وب فارسی بسیار سوء استفاده می شود و البته می توان با روش هایی مثل استفاده از ویژگی sandbox یا درج کدهای جاوا اسکریپت مانع ا...
آموزش HTML 5 : آشنایی با ویژگی class و کاربردهای آن
در این آموزش با ویژگی class در html آشنا می شویم و خواهیم دید که چگونه با استفاده از class می توانیم دسته ای از سبک ها (Styles) را به یک یا چند تگ نسبت بدهیم. استفاده از class در طراحی css و همینطور در کدهای جاوا اسکریپت به وفور مورد استفاده قرار می گیرد.
...
آموزش HTML 5 : آشنایی با تگ های div و span
در این آموزش با تگ های div و span و کاربرد آنها آشنا می شویم. همچنین با ویژگی های مهم padding ، border و margin آشنا می شویم. همچنین یک آشنایی کلی با ابزار DevTools موجود در مرورگر کروم پیدا می کنیم و با بخشهایی از این ابزار به صورت عملی کار می کنیم.
...
آموزش HTML 5 : معرفی انواع لیست ها (HTML Lists)
در این آموزش با انواع لیست ها در html آشنا می شویم. در html شما می توانید با استفاده از تگ های ul و ol لیست ها را بسازید. تگ ul لیست ها را به صورت نامرتب می سازد. در تگ ol لیست ها بر اساس اعداد و یا حروف الفبا می توانند مرتب سازی شوند. تگ دیگری با نام dl نیز وجود دارد که با آنها می توانید لیست های شامل عنوان و توضیحات ایجاد نمایید.
...
آموزش HTML 5 : ادغام ردیف ها و سلول ها در جدول
در این آموزش با استفاده از ویژگی های colspan و rowspan که از ویژگی های جداول html می باشند اقدام به ادغام (یکی کردن) سلول ها یا ردیف ها می کنیم. هنگامی که بخواهیم چند سلول را با یکدیگر ادغام کنیم از colspan استفاده می کنیم و برای ادغام ردیف ها از rowspan استفاده می کنیم.
...
آموزش HTML 5 : آشنایی با جدول ها (HTML Tables)
در این آموزش چگونگی ایجاد جدول (HTML Tables) را یاد می گیریم. با استفاده از تگ table می توانیم در html جدول ها را ایجاد کنیم. سپس با استفاده از تگ های داخلی آن اقدام به تکمیل جدول می کنیم. تگ tr برای ایجاد ردیف های جدول و تگ td برای ایجاد سلول ها یا همان داده های جدول کاربرد دارد. تگ th نیز در ردیف اول جدول برای ایجاد ستون های جدول کاربرد دارد.
...
آموزش HTML 5 : ایجاد تصاویری با ناحیه های قابل کلیک (Image Maps)
در این آموزش با استفاده ویژگی Image map در html تصاویری با قابلیت اینکه ناحیه هایی بر روی آنها قابل کلیک باشند ایجاد می کنیم. این قابلیت می تواند تگ img شما را به یک تگ دیگر از نوع map مرتبط سازد. در تگ map شما می توانید انواع ناحیه ها را به صورت اشکال مستصیل، مربع، دایره، مثلث و اساساً هر نوع چند ضلعی دیگر بسازید.
...
آموزش HTML 5 : آشنایی با تگ picture برای نمایش تصاویر
در این آموزش با استفاده از تگ picture اقدام به نمایش تصاویر می کنیم. تگ picture که در html 5 اضافه شده است به ما این امکان را می دهد تا یک تصویر را در اندازه های مختلف داشته باشیم و بنا به اندازه عرض مرورگر کاربر تصویر مناسب را نمایش بدهیم. تگ picture برای تنظیم اندازه تصاویر بر روی کامپیوتر، تبلت و یا موبایل های با اندازه صفحه نمایش مختلف گزینه مناسبی می باشد.
...
دسته بندی مطالب خوش آموز
