در چند ماه اخیر با ورود HTML5 به دنیای وب همگان را دچار تب و تاب عجیبی کرده است و بحث های زیادی پیرامون این زبان برنامه نویسی صورت گرفته است اگر شما هم برنامه نویس وب هستید و می خواهید از این قافله عقب نمانید این کتاب را از دست ندهید ! اجرای چند […]
در این مطلب میخوام ساختن یک روبان ( ribbon ) زیبا رو بهتون آموزش بدم. این نمونه روبان رو شاید در بیشتر سایتها دیده باشید که در گوشه و سمت بالا قرار دارن. ولی هر وقت که روی اونا هاور میکنیم ، هیچ اتفاقی نمیوفته. اما در این مطلب میخوام حالت انیمیشنی مناسبی رو بهتون […]
در این مطلب هفتمین نمونه از هاور رو در اختیارتون میزارم. کدهای HTML : 1 2 3 4 5 6 7 8 9 10 <div class=“grid”> <figure class=“effect-marley”> <img src=“http://s.7Learn.com/uploads/2014/12/sample.jpg” alt=“sample”/> <figcaption> <h2>Sweet <span>Marley</span></h2> <p>Marley tried to convince her but she was not interested.</p> <a href=“#”>View more</a> </figcaption> </figure> </div> چونکه از تگهای HTML5 استفاده شده […]
در این قسمت میخوام ششمین کد ( code ) جالب رو در اختیارتون بدم. در ابتدا تعدادی توپ وجود دارن. اگر کلیک راست رو نگه دارین و درگ کنید ، توپها پخش و پلا میشن. اگر در فضای خالی هم کلیک کنید ، یک توپ به توپهای قبلی اضافه میشه. کد HTML : 1 <canvas id=“c”></canvas> […]
سلام تا به حال مطالب متنوعی راجع به تغییر ظاهر اسکرول دیدید یا خوندید خب امتحان کردید ولی جواب نمیدادن اما ما توی این پست یه روشی رو بهتون معرفی میکنیم که 100% تست شده است خب برای اینکار فایلی که برای دانلود قرار داده شده است رو دانلود کنید سپس در سایتتون با استفاده […]
در این مطلب میخوام یک حالت زیبا برای اعمال کردن به متن در اختیارتون قرار بدم. این حالت شبیه تیک زدن هست. مثل لامپی که خاموش روشن میشه و درست کار نمیکنه. مثل اینکه نویز داره. بخاطر همین هم اسمش رو glitch گذاشتن. کد HTML : 1 <div class=“glitch” data-text=“GLITCH”>GLITCH</div> کدهای CSS : 1 2 3 […]
قدم اول شما یک وب سرور شخصی اگر شما می خواهید دیگران صفحات شما را ببینند باید آنها را publish کنید برای publish کردن کارتان شما باید فایل هایتان را در یک وب سرور کپی کنید رایانه خودتان اگر به یک شبکه متصل است می تواند بعنوان یک وب سرور عمل کند اگر شما win98 […]
در زیر یک منبع از کاراکترهای اسکی در فرم url-encoding آمده است.مقادیر مبنای 16 می توانند برای نمایش حروف غیر استاندارد و کاراکترهای در مرورگرها و plug-in استفاده شوند. URL-encoding from %00 to %8f مقدار ASCII URL-encode مقدار ASCII URL-encode مقدار ASCII URL-encode æ %00 0 %30 ` %60 %01 1 %31 a %61 […]
اسکریپت ها را به صفحاتتان اضافه کنید تا آنها را پویاتر و فعال تر بسازید. مثالها اسکریپت در صفحه این مثال روش قرار دادن یک اسکریپت، داخل صفحه html را نشان می دهد. کار با مرورگری که اسکریپت را پشتیبانی نمی کند اگر مرورگر، اسکریپت را پشتیبانی نکرد، چگونه کاربر را آگاه کنیم؟ وارد کردن […]
پیوندهای HTML هنگامی که شما در یک پرونده HTML بر روی یک پیوند کلیک می کنید برچسب <a> یک موجودیت به نام href دارد که آدرس آن صفحه در وب در آنجا قرار می گیرد ، مثل این: <a href= “lastpage.htm”> Last Page </a> URL چیزی که URL نامیده می شود درwww برای آدرس دهی […]
مثالها توضیحات صفحه اطلاعاتی که در قسمت meta نوشته می شوند، شرحی درباره صفحه می دهند. موتورهای جستجو توجه خواصی به این توضیحات دارند. کلیدواژه های صفحه کلیدواژه های معرف صفحه، در قسمت meta می آیند. این کلیدواژه ها، شناسه های اصلی متن صفحه می باشند. موتورهای جستجو به کمک این کلید واژه ها، صفحه […]
عنوان صفحه اطلاعات عنوان، که در داخل برچسب head نوشته می شود، در مرورگر نمایش داده نمی شود. یک هدف برای تمام پیوندها با تنظیم هدف پایه در قسمت head، هدف پیش فرض تمام پیوندهای صفحه، تعیین می شود. عنصر head عنصر head حاوی اطلاعات اصلی که همچنین meta-information نیز نامیده می شود در یک […]
با HTML4.0 همه قالب بندی ها می تواند به یک CSS جداگانه به خارج از پرونده HTML برده شود. مثالها ُStyleها در Html این مثال چگونگی آرایش یک html به کمک styleی که به قسمت <head> اضافه شده است را نشان می دهد. فراپیوند، بدون زیرخط این مثال روش ساخت یک فراپیوند، که زیر خط […]
هرکجا در وب شما صفحاتی خواهید یافت که مانند صفحات روزنامه قالب بندی شده اند ، این صفحات از ستون های HTML استفاده می کنند. ظاهر بندی HTML – استفاده از جداول یکی از تمرین های متداول با HTML استفاده از جداول برای ظاهر بندی یک صفحه است. یک بخش از این صفحه مانند صفحات […]
در این صفحه شما یک جدول از اسامی رنگ هایی پیدا خواهید کردکه با بیشتر مرورگرها پشتیبانی می شوند. توجه: فقط 16 نام رنگ با استاندارد W3C HTML 4.0 پشتیبانی می شوند. برای بقیه رنگ ها باید از مقادیر مبنای 16 آنها استفاده کرد. نام رنگ مبنای 16 رنگ AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF […]
یک پس زمینه خوب می تواند ظاهر یک سایت را واقعا عالی کند. مثالها رنگ زمینه و متن خوب مثالی از رنگ زمینه و رنگ متن خوب که خواندن متن را آسان می کند. رنگ زمینه و متن نامتناسب این مثال نشان می دهد که اگر رنگ زمینه و متن صفحه نامناسب انتخاب شوند، خواندن […]
به وسیله قابها شما می توانید بیش از یک صفحه وب را در یک پنجره مرورگر نشان دهید. مثالها قابهای عمودی دراین مثال شما سه قاب عمودی با محتوای مختلف، می بینید. قابهای افقی این مثال، قابهای افقی را نمایش می دهد. (مثالهای بیشتر، در انتهای این صفحه آمده است) قابها هر پرونده HTML یک […]
HTML برای پیوند به پرونده های دیگر در وب از فرا پیوندها استفاده می کند. مثالها ایجاد فراپیوند این مثال نشان می دهد که چگونه می توان، در متن نوشته شده، فراپیوندی ایجاد کرد. عکس، به عنوان فراپیوند این مثال عکسی را به یک فراپیوند تبدیل می کند. (مثالهای بیشتر، در انتهای این صفحه آمده […]
تعدادی از کاراکترها مثل کاراکتر “>” یک معنی خاص در HTML دارندو از این رو نمی توان از آنها در متن ها استفاده کرد. برای نشان دادن علامت کوچکتر از “>” ما باید از یک موجودیت کاراکتر استفاده کنیم. موجودیت های کاراکتر تعدادی از کاراکترها یک معنی خاص در HTML دارند.مثل علامت کوچکتر از “>” […]
Html، برچسبهای زیادی برای قالب بندی متن، مانند برچسب نمایش برجسته و یا برچسب مورب، دارد. در زیر مثالهای زیادی برای شما وجود دارد: مثالها نوع نمایش متن در این مثال، نمایشهای گوناگون متن را می بینید. قالب بندی پیش فرض به کمک برچسب pre، قالب بندی اولیه متن خود را(شامل فاصله ها و سرخط […]
مهمترین برچسب در HTML برچسب هایی هستند که سر تیتر ها ، پاراگراف ها و پرش به خط بعد را معرفی می کنند. بهترین راه یادگرفتن HTML کار کردن با مثال هاست. مثالها ساده ترین Html این مثال ساده ترین نمونه html است که در آن، از کمترین برچسب ممکن، استفاده شده است. در این […]
پرونده های HTML فایل های متنی هستند که با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب های HTML تعریف می شوند. برچسب های HTML برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند این کاراکتر های محاط […]
زبان نشانه‌گذاری فرامتن (HTML-Hyper Text Markup Language) زبان نشانه گذاری اصلی صفحات وب است که در سال 1990 توسط تیم‌برنرزلی با عنوان روش نشانه‌گذاری صفحات اطلاعات به نحوی که با مرورگر قابل مشاهده‌باشند، معرفی شد که نسخه‌‌های مختلف آن طی سالیان گذشته ارائه‌شده‌است. در کتاب حاضر شما بیشتر با زبان HTML آشنا خواهید شد. دانلود […]
آموزش مرحله به مرحله HTML | آموزش HTML HTML چیست ؟ HTML زبان استاندارد نشانه گذاری صفحات وب می باشد . HTML از تگهایی که در ادامه به طور کامل برای شما توضیح میدهم برای ایجاد نشانه گذاری صفحات وب استفاده میکند . با استفاده از تگهایی که در HTML وجود دارد می توانیم ساختار […]
خیر در صورت اعلام قیمت اخبار آن در سایت قرار می گیرد.