سلام به همه دوستان عزیز،امروزم در خدمتتون هستیم با یک قالب فوق العاده زیبا بصورت HTML . شما از این قالب زیبا می توانید برای وب سایت های شرکتی و خدمات پیامکی استفاده کنید. بنده این قالب رو به دوستانی که می خواهند یک وب سایت شیک و زیبا رو داشته باشند پیشنهاد میدم.
در زیر می توانید تصاویر مربوط به این قالب زیبا رو مشاهده کنید.
قالب ‘اچ تی ام ال’ افرا پیامک قالبی زیبا برای وب سایت های شرکتی و پیامکی . قابل نمایش بر روی تمامی مرورگر های وب. در ضمن قالب بصورت ریسپانسیو هستش که بر روی همه دستگاه ها قابل نمایشه. تصاویر مربوط به این قالب زیبا رو می تونید در زیر مشاهده نمایید.
با سلام به همه دوستان عزیز! برخی از دوستان درخواست کرده بودند که قالب های ‘اچ تی ام ال’ هم آماده کنیم و امروز هم در خدمت شما هستیم با یک قالب زیبای ‘اچ تی ام ال’ برای وب سایت های شرکتی و پیامکی.
در زیر می تونید تصاویر مربوط به این قالب زیبا رو مشاهده کنید.
رنگ ها با ترکیب منابع نوری قرمز ، سبز و آبی معرفی می شوند.
محتوای رنگ ها
رنگ ها با استفاده از نشان گذاری مبنای 16 برای ترکیب مقدار رنگ قرمز و سبز آبی معرفی می شوند. پایین ترین مقدار رنگی که می توان به یک منبع رنگی داد صفر است (hex #00) و بالاترین مقدار 255 است(hex #ff).
این جدول حاصل ترکیب منابع نوری قرمز و سبز و آبی را نشان می دهد:
یک پس زمینه خوب می تواند ظاهر یک سایت را واقعا عالی کند.
مثالها
رنگ زمینه و متن خوب
مثالی از رنگ زمینه و رنگ متن خوب که خواندن متن را آسان می کند.
<html> <body bgcolor="#d0d0d0"> <p> This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. </p> <p> This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. </p> </body> </html>
رنگ زمینه و متن نامتناسب
این مثال نشان می دهد که اگر رنگ زمینه و متن صفحه نامناسب انتخاب شوند، خواندن آن چه اندازه مشکل می شود.
<html> <body bgcolor="#ffffff" text="yellow"> <p> This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. </p> <p> This is another paragraph. This is another paragraph. This is another paragraph. This is another paragraph. </p> </body> </html>
<html> <body> <p> An image: <img src="./content/media/tryit/constr4.gif" width="144" height="50"> </p> <p> A moving image: <img src="./content/media/tryit/hackanm.gif" width="48" height="48"> </p> <p> Note that the syntax of inserting a moving image is no different from that of a non-moving image. </p> </body> </html>
نمایش عکس از محلی دیگر
در صورتیکه عکس مورد نظر در محلی دیگر باشد(آدرسی در شبکه)، می توانید برای نمایش آن، از این مثال کمک بگیرید.
<html> <body> <p> An image from another folder: <img src="./content/media/tryit/images/netscape.gif" width="33" height="32"> </p> <p> An image from W3Schools: <img src="http://www.w3schools.com/images/ie.gif"> </p> </body> </html>
فرم های HTML به منظور انتخاب انواع مختلف ورودی های کاربر استفاده می شوند.
مثالها
فیلد متنی
این مثال طریق ساخت یک فیلد متنی را نشان می دهد. کاربر می تواند اطلاعات خود را در این فیلد بنویسد.
<html> <body> <form> First name: <input type="text" name="firstname"> <br> Last name: <input type="text" name="lastname"> </form> </body> </html>
فیلد رمزعبور
گاهی نیاز است که مقداری که کاربر وارد می کند، دیده نشود. برای ایجاد چنین فیلد ورودی، از فیلد رمز عبور استفاده می کنیم. این مثال روش ساخت این فیلد را نشان می دهد.
<html> <body> <form> Username: <input type="text" name="user"> <br> Password: <input type="password" name="password"> </form> <p> Note that when you type characters in a password field, the browser displays asterisks or bullets instead of the characters. </p> </body> </html>