0086-21-58386256
html چطور کار می‌کند؟ html عناصر مختلفی را از جمله پاراگراف، لیست، عکس، صوت و غیره کنار هم قرار می‌دهد تا چهارچوب اصلی صفحه وب را ایجاد کند. به زبان ساده‌تر ما با html بدنه اصلی صفحه وب را می‌سازیم.
در حال حاضر صفحه به شکل زیر است: پایه گذاری با CSS. کد CSS زیر از ویژگی‌های مدل باکس مانند padding، margin و flexbox برای ایجاد یک طراحی جذاب با ارتفاع برای هر بخش مکان‌نما استفاده می‌کند.
در این بخش از آموزش html از تاپ سایت 98 به سراغ نمایش یک سایت در سایت دیگر می رویم. بعضی مواقع نیاز است سایتی را در سایت خودمان یا یک صفحه html نمایش دهیم برای این کار می توانیم از دستور iframe در html ...
1- ++Notpad. یکی از محبوب ترین و شناخته ترین ویرایشگرهای کد html، نوت پد++ است که ویرایشگر کد رایگان و منبع بازی است که برای کاربرانی که از ویندوز استفاده می کنند، طراحی شده است. این ادیتور کد، در عین ...
قابلیت نمایش مشکلات گرامری و نوشتاری در هر یک از کدهای زبان های HTML ،CSS ،jаvascript, VBScript ،PHP ،ASP ،WML ،XML ،Perl; پشتیبانی از UTF-8 Unicode که برای طراحی سایت به زبان فارسی بسیار لازم است
این تگ برای شروع هر فایل (html) که قصد ایجاد آن را دارید، ضروری است. این تک به مرورگر کمک می‌کند تا فایل (HTML) را بخواند و آن را از آخرین نسخه‌ی این زبان برنامه‌نویسی، یعنی (HTML5) مستنثی کند.
در HTML می‌توانید مقصد یک لینک (یا مقدار خصوصیت href در المان ) را به شکلی مشخص کنید که کاربر با کلیک روی لینک به یک بخش (و المان) مشخص در صفحه هدایت شود. این بخش ممکن است ابتدای یک هدینگ، پاراگراف، تصویر و هر نوع المان اچ‌تی ...
طبق گفته ها تا به الان مرورگرها می توان گفت بهترین ویرایشگرها برای نوشتن کد های html هستند. برخی از ویژگی های مثبت کامپایلر های آنلاین : نوشتن کد ها در یک صفحه; گرفتن خروجی در هر لحظه که بخواهید
برای افزودن تصویر پس زمینه به عنصر HTML ، از ویژگی HTML style و ویژگی CSS background-image استفاده میکنیم.صفت background صفتی است که ما با استفاده از آن میتوانیم یک تصویر/عکس را برای پس زمینه صفحه تنظیم نماییم.
اجزای تشکیل دهنده سند فوق عبارتند از: : این اظهاریه (یا Declaration)، نوع سند (یا Document type) را مشخص می‌کند و به مرورگرها در نمایش صحیح صفحه‌های وب کمک می‌کند. به عبارت بهتر این عبارت به مرورگر ...
استفاده از آیکون به جای تصویر در دنیای وب امروزه بسیار بیشتر از قبل است ومی توان گفت که استفاده از تصویر به صفر رسیده است. در این قسمت نحوه اضافه کردن سه نوع دسته آیکون معروف و بسیار زیبا را به صفحه دلخواه در html به شما ...
برای مشاوره در زمینه طراحی ریسپانسیو سایت با دارکوب تماس حاصل فرمایید. معمولا مشکل برای نمایش سایت بین عرض 327 و 1024 می باشد که می توانید آن محدوده را نیز به چند فایل مختلف CSS اختصاص دهید به عنوان ...
الان می‌‌تونید کد html را که برای لینک در ویرایشگر متن بود مشاهده کنید. اضافه کردن کد HTML به لینک خروجی الان لازمه که شما تغییراتی که انجام دادید را ذخیره کنید و پس از آن می‌‌تونید ببینید که ...
با نگاه به کد بالا مشخص است در SVG دو تگ اصلی g وجود دارد یکی برای استان ها (States) و دیگری برای پس زمینه (Background) که با استفاده از این ویژگی که کد های SVG کد هایی از نوع HTML هستند داخل آنها از تگ style قرار دادم (البته می توانستیم این ...
نحوه اضافه کردن جاوااسکریپت به صفحه HTML با کمک المان . در HTML از المان و تگ برای افزودن کدهای جاوااسکریپت به صفحه‌های وب استفاده می‌شود. بسته به اینکه می‌خواهید کد جاوااسکریپت را به ...
فرض کنید که در کد HTML صفحه، چند div ساده با کلاس ... قبل را در نظر بگیرید، در HTML تغییری ندهید اما در CSS اسلایدر، چند خط کد برای کلاس slider اضافه کنید تا اسکرول کردن به چپ یا راست، به اندازه‌ی ۳۰۰ پیکسل ...
ما نمونه های ساده کد HTML را با خروجی تگ ها ارائه کرده ایم. اگر می خواهید آنها را برای خودتان آزمایش کنید، نمونه کد HTML را در سند خود کپی کنید. می توانید با آنها در یک ویرایشگر متن بازی کنید و فایل ...
HTML یا Hyper text markup language یک زبان نشانه گذاری برای ایجاد بخش های صفحات وب هست. با استفاده از عناصر مختلفی که در این زبان وجود دارد می توانیم صفحات وب را طراحی کنیم و به کاربر نمایش دهیم.
HTML تنها بخشی از توسعه وب است و برای ساخت صفحات وب پویا و جذاب، شما نیاز به دانش در زمینه‌های دیگر نیز دارید. CSS یا (Cascading Style Sheets)، زبانی است که برای طراحی و زیباسازی صفحات وب استفاده می‌شود.
نتیجه کد بالا در سایز های مختلف و نمایش انعطاف پذیری. در نمونه بالا، ۳ تصویر برای سایز های مختلف انتخاب‌شده است که با تغییر سایز صفحه این تصاویر نیز تغییر می‌کنند و جایگزین تصاویر در دیگر سایز‌ها می‌شوند.
باید لاگین کنید! در این ویدیو از سری ویدیوهای آموزش HTML و CSS می خواهیم اولین مینی پروژه را انجام دهیم، در این آموزش از صفر تا صد نحوه طراحی یک فرم ورود به سایت یا همان طراحی فرم لاگین توسط زبان ...
گام سوم: ایجاد اسلایدر. به سراغ سایت owl carousel 2 بروید و دمو Basic آن را انتخاب کنید. در این صفحه یک دمو از خروجی کار قابل مشاهده است. در زیر آن کدهای js و html مورد نیاز در اختیار ما قرار داده شده است ...
تگ img و نمایش تصاویر با html | درج عکس در html. تصاویر در پست های مختلف از طریق کد html به نام img ساخته میشن. اگر سئوی یک عکس برای شما اهمیت داره حتما باید از خصوصیت alt هم استفاده کنید. خصوصیت alt یک مقدار ...
یک هدر چسبنده در یک مکان در یک صفحه وب باقی می ماند، حتی زمانی که کاربر صفحه وب را به پایین پیمایش می کند. ویژگی های خاص CSS، در درجه اول position: sticky ، به شما در دستیابی به این رفتار کمک می کند.
یک پانویس برای یک بخش از صفحه وب ایجاد می کند.
خانه » طراحی وب » طراحی فرم ورود به سایت جذاب و مدرن با html و CSS. از دیدگاه کاربران، تجربه ورود به وبسایت یا برنامه به اندازه سایر ویژگی‌ها مهم است. طراحی صفحات ثبت نام و لاگین در بین طراحان UX ...
یکی از برترین نرم افزارهای اشتراک گذاری صفحه نمایش در سیستم های کامپیوتری، برنامه Zoom می باشد. این نرم افزار که به صورت رایگان در اختیار عموم مردم قرار داده شده است توانسته با کسب امتیاز 4.8 از ...
در این ویدیو آموزشی شما با طراحی یک فرم ساده ی ورود وب سایت آشنا می شوید. پیش نیاز این ویدیو آموزشی دانش مقدماتی از زبان های html و css می باشد. در طراحی فرم ورود وب سایت با دو قسمت ورودی یا input ...
روش اول: وارد شدن به اکانت جیمیل در مرورگر اینترنت. ۱-ابتدا مرورگر اینترنت خود را باز کنید، آدرس را در نوار آدرس مرورگر وارد کنید و اینتر بزنید. با این کار به صفحه sign in ( وارد شدن به حساب ...
فهرست کد زبان برای استفاده توسط خصوصیت lang در HTML در جدول زیر می‌توانید فهرست کد زبان های مختلف براساس استاندارد ISO 639-1 برای استفاده توسط خصوصیت lang در HTML را مشاهده کنید:
ایجاد یک پس زمینه متحرک با HTML و CSS. این دمو ساده نحوه استفاده از انیمیشن های CSS را برای جلوه های بصری جالب توضیح می دهد. افزودن پس زمینه متحرک به وب سایت یا برنامه شما می تواند به طراحی منحصر به ...
زمان مطالعه: ۱۴ دقیقه. در این مقاله در مورد مفهوم تصاویر واکنش گرا یا Responsive صحبت خواهیم کرد. تصاویر واکنش‌گرا به تصاویری گفته می‌شود که روی دستگاه‌های مختلف که اندازه‌های صفحه، وضوح تصویر ...
این کد باعث تنظیم ویو پورت برای صفحه می شود که به مرورگر دستورالعمل نحوه کنترل ابعاد و مقیاس صفحه را می دهد. در مقاله آشنایی با Viewport به صورت کامل با آن آشنا می‌شوید.
50+ فرم ورود HTML5 و CSS3 رایگان. ما معمولا از طریق یک فرایند ورود هر روز در زندگی دیجیتال ما رفتن بسیار. بسیاری از برنامه های کاربردی نیاز به ورود به منظور استفاده از خدمات خود را. برای چنین برنامه ...