دو قسمت کردن صفحه به دو لایه چپ و راست در HTML

در HTML شما می توانید صفحه خود را به دو لایه بشکل زیر تقسیم کنید.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<title>مثال از اتاق برنامه نویسی من</title>
	
	<style type="text/css">
	   
	   * { margin: 0; padding: 0; }
	   p { padding: 10px; }
	   #left { position: absolute; left: 0; top: 0; width: 50%; }
	   #right { position: absolute; right: 0; top: 0; width: 50%; }
	
	</style>
</head>

<body>

    <div id="left">
        <p>قسمت چپ</p>
        <p>ساخت نرم افزار ویندوز،وب سایت،اپلیکیشن اندروید</p>
        <p>ساخت نرم افزار ویندوز،وب سایت،اپلیکیشن اندروید</p>
    </div>

    <div id="right">
        <p>قسمت راست</p>
        <p>ساخت نرم افزار ویندوز،وب سایت،اپلیکیشن اندروید</p>
        <p>ساخت نرم افزار ویندوز،وب سایت،اپلیکیشن اندروید</p>
    </div>

</body>

</html>

ادامه مطلب…







نمایش یک المان در هنگام بارگذاری صفحه در HTML

با اسنفاده از خاصیت onload در یک المان می توانید خاصیت visibility آنرا تغییر دهید.

 

<div style="visibility:hidden;" onload="this.style.visibility = 'visible';"  > </div>

ادامه مطلب…







افزودن خط شکن به متن دکمه در HTML

تا حالا شده بخواهید همانند متن به متن دکمه خود خط شکن اضافه کنید؟برای این کار کافیست از کد

&#x00A;

استفاده نمایید،برای مثال :

<input type="button" value="اتاق &#x00A; برنامه نویسی &#x00A;">

پیش نمایش کد بالا :

ادامه مطلب…







غیرفعال کردن خاصیت Autocomplete المان Input

برای این کار کافیست خاصیت را به شکل زیر مقدار دهی کنید

<input name="q" type="text" autocomplete="off"/>

خاموش کردن این خاصیت در مواقعی موفید است که مقدار المان شما یکتا می باشد ، مانند کد امنیتی. ادامه مطلب…







افزودن کلاس به المان Body برای مرورگر اینترنت اکسپلورر

<!--[if IE ]>
   <body class="ie">
<![endif]-->
<!--[if !IE]>-->
   <body>
<!--<![endif]-->

یا نسخه قوی تر قرار دادن کلاس در عنصر HTML: ادامه مطلب…







دانلود دوره آموزشی Udemy Learn By Example: The Foundations of HTML, CSS & Javascript

عناوین آموزشی :

HTML را درک کنید – ساختار آن و تگ های معمول استفاده شده
استفاده از CSS، از جمله ارث، انتخابگرها، مدل جعبه – موضوعاتی که CSS سخت استفاده می کند
کارشناسی ارشد از جاوا اسکریپت
استفاده از بسته شدن، نمونه اولیه پویا، JSON و مدل Document-Object-Model با اعتماد به نفس

ادامه مطلب…