قبل ازمعرفی HTML 5 صدا با پلاگین flsah نصب شده بر روی مرورگر پخش میشد اما با تگ جدید audio بدون پلاگین می توان در سایت فایل صوتی قرار داد. نسخه مورد نیاز قرار دادن فایل صوتی در سایت با تگ <audio> <!DOCTYPE html> <html> <body> <audio controls> <source src=”http://blog.tehrancode.com/wp-content/uploads/01.-Eshgh-Yani.mp3″ type=”audio/mp3″> </audio> </body> </html>
قبل ازمعرفی HTML 5 ویدیو با پلاگین flsah نصب شده بر روی مرورگر اجرا میشد اما با تگ جدید video بدون پلاگین می توان در سایت ویدو قرار داد. نسخه مورد نیاز قرار دادن ویدیو در سایت با تگ <video> <!DOCTYPE html> <html> <body> <video width=”400″ controls> <source src=”http://blog.tehrancode.com/wp-content/uploads/mov_bbb.mp4″ type=”video/mp4″> </video> </body> </html> Your…
اتریبیوت value با این اتریبیوت می توان یک مقدار پیش فرض را در فرم قرار داد. <!DOCTYPE html> <html> <body> <form action=””> First name:<br> <input type=”text” name=”firstname” value=”John”> <br> Last name:<br> <input type=”text” name=”lastname”> </form> </body> </html> خروجی: اتریبیوت readonly به کمک این صفت میتوان قابلیتی را برای فرم ایجاد کرد که مقدار پیش فرض…
ایجاد فرم برای وارد کردن پسورد با قرارا دادن عبارت password در اتریبیوت type فرم پسورد ساخته می شود که کاراکتر های ورودی خود را به صورت دایره های مشکی کوچک نمایش می دهد. <!DOCTYPE html> <html> <body> <form action=””> User name:<br> <input type=”text” name=”userid”> <br> User password:<br> <input type=”password” name=”psw”> </form> <p>The characters in…
تگ <select> از این تگ برای ایجاد فرم باز شو با انتخاب های مختلف استفاده می گردد: برای قرار دادن یک option به صورت پیش فرض کافی است عبارت selected را درون تگ <option> بگذاریم. <!DOCTYPE html> <html> <body> <form action=”/action_page.php”> <select name=”cars”> <option value=”volvo” selected>Volvo</option> <option value=”saab”>Saab</option> <option value=”fiat”>Fiat</option> …
یک فرم توسط تگ <form> در html تعربف می‌گردد. عناصر فرم بین تگ باز و بسته <form> قرار می گیرند. عناصر فرم شامل ورودی متن، دکمه های رادیو، چک باکس ها، لیست های چند انتخابی ، آپلود فایل، و دکمه submit می باشد. تگ <input> مهم ترین تگ فرم این تگ می باشد که با…
برای ایجاد کاراکتر های خاص مانند علامت > یا < و یا برای ایجاد فاصله بدلیل اینکه مرورگر وب آنها را با علامت های تگ ها اشتباه میگیرد باید از کاراکتر های رزرو شده یا character entity استفاده نماییم. ایجاد فاصله در کد html فقط یک فاصله خوانده شده و اگر ۱۰ بار هم کلید…
طراحی وب واکنشگرا چیست؟ به طراحی که در هر پلاتفرم مانند موبایل، تبلت و دسکتاپ به خوبی نمایش داده شود و ظاهر آن متناسب با پلاتفرم تغییراتی جهت بهبود کارایی داشته باشد طراحی واکنشگرا گفته میشود. متا تگ view port هنگام ایجاد صفحات وب متا تگ زیر را حتما در قسمت head وارد نمایید. <meta…
صفحه بندی در صفحات وب بسیار حائز اهمیت هستند و متناسب با نوع وب سایتی که طراحی می نماییم صفحه چینی باید به نحوی باشد که علاوه بر زیبایی بتواند کارایی و دسترسی سریع را به کاربران بدهد. از تگ های div و table در قدیم برای صفحه بندی استفاده می شد که امروزه html5…
در تگ head تگ های title , script , link , style , meta , base را میتوان قرار داد. تگ <title> این تگ عنوان صفحه را مشخص نموده و آنرا در نوار ایزار مرور گر نمایش می دهد. موتور های جست و جو به این تگ اهمیت زیادی برای ایندکس کردن نتایج قائل هستند….
