بــیــگ تــم
مرجع قالب وردپرس ، افزونه وردپرس ، آموزش وردپرس ، هاست وردپرس

جستجو
فقط جستجو من
جستجو در عنوان
جستجو در محتوا
جستجو در دیدگاه ها
جستجو در خلاصه ها
Filter by Custom Post Type
برگه‌ها
پیش نمایش فرم
اسلایدر دلخواه

خانه / آموزش طراحی سایت با html / اموزش تگ های HTML (قسمت پایانی)

اموزش تگ های HTML (قسمت پایانی)

    ایجاد یک دکمه                                                                                                                                                                   

<form>
<input type="button" name="Button1"><br>
<input type="button" name="Button2"><br>
یا
<button>OK</button>
</for


ساخت تکست باکس برای کلمه عبور                                                                                                                              


<form>
<input type="text" name="user"> نام کاربری <br>
<input type="password" name="pass"> رمزعبور
</form>

Text area
<form>
<textarea name="text1" rows="5" cols"20">
این یک تست است
</textarea>
</form>

Dropdown

<form>
<select name="country">
<option value="Iran"> ایران
<option value="USA"> آمریکا
<option value="Italy"> ایتالیا
</select>
</form>


ایجاد دکمه ارسال
آدرس محل ارسال فایل را مشخص می کند Action مشخص

<form name="input" action="action.php" method="post">
<input type="text" name="user">
<input type="submit" value=" <"ارسال
<input type="reset" value=" <"انصراف

Submit استفاده از دکمه ھای تصویری به جای

<input type="image" src="ok.gif" name="send">


ایجاد دکمه ای جھت جستجو در کامپیوتر کاربر

<form>
<input type="file" value="file">
</form>
ایجاد یک حاشیه برای فرم

<html>
<head>
<title> Test </title>
</head>
<body>
<fieldset>
<legend> اطلاعات </legend>
<form>
<input type="text" name="user">
</form>
</fieldset>
</body>
</html>
قاب ھا
را در پنجره مرورگر نمایش دھید HTML با استفاده از قاب ھا می توانید بیش از یک فایل

<frameset> تگ
این تگ مشخص کننده این است که پنجره مرورگر چگونه بین قاب ھا تقسیم شود

<frame> تگ
این تگ مشخص کننده قاب ھا یا ھمان فایل ھای اچتیامال است

<html>
<head>
<title> Test </title>
<frameset cols="25%,25%,25%,25%">
<frame src="test1.html">
<frame src="test2.html">
<frame src="test3.html">
<frame src="test4.html">
</frameset>
</head>
<body>
</body>
</html>
در این مثال مرورگر ما به ۴ قاب که ھرکدام ٢۵ ٪ از فضای مرورگر را اشغال می کند تبدیل
<frame> رابه noresize میشود برای جلوگیری از تغییر سایز ھرقاب توسط کاربران عنصر
اضافه میکنیم

<frame src="test.html" noresize="noresize">
<iframe> تگ
با استفاده از این تگ می توان یک فایل اچتیامال را در داخل یک قاب در ھرکجای متن
قرار دھید

<html>
<head>
<title> Test </title>
</head>
<body>
<iframe src="test.html">
</iframe>
این یک تست است
</body>
</html>

<marquee> تگ
با استفاده از این تگ می توان یک متن متحرک ایجاد کرد

<marquee direction=right scrollamount=" این یک تست است <" 3 </marquee>


میتوان جھت حرکت متن را تعیین کرد Direction با استفاده از
سرعت حرکت متن را تعیین میکنیم Scrollamount با استفاده از
سایر تنظیمات نیز مانند نوع فونت ورنگ ھم قابل اعمال است

نحوه قرار دادن فایل ھای فلش

<object>
<embed type="application/x-shockwave-flash" src="/flash/test.swf"
width="128" height="128">
</object>
<script> تگ
از این تگ برای زمانی استفاده می شود که بخواھیم ازکدھای جاوا اسکریپ ویا غیره
درفایل خود استفاده کنیم این تگ ھم شامل پارامترھای مختلفی چون نوع زبان آدرس و
غیره میشود

<script language="javascript" src="test.js">
</script>

<base> تگ
را Target با استفاده از این تگ میتوان به طور کلی برای لینک ھای صفحه مشخصه
اعمال کرد

<head>
<base target="_blank">
</head>



<link> تگ
را به سند اچتیامال پیوند زد CSS با استفاده از این تگ می توان یک فایل
میتوان ظاھر یک صفحه را به طور کلی کنترل کرد CSS با فایل ھای

<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<style> تگ
را به طور مستقیم در صفحه وارد کرد CSS با استفاده از این تگ می توان کدھای

<html>
<head>
<title> Test </title>
<style type="text/css">
body{background-image:url(logo.jpg)}
p{margin-right:20px}
</style>
</head>
<body>
</body>
</html>


<meta> تگ
با استفاده از این تگ توضیحات کلی را مربوط به صفحه وارد میکنیم این توضیحات ر ا
معمولا موتورھای جستجوگر استفاده میکنند
این دستور نوع سند و پشتیبانی از استاندارد یونیکد را بیان میکند

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
این دستور توضیحاتی را درباره صفحه اضافه میکند

<head>
<meta name="description" content=" <"این یک صفحه برای تست می باشد
<title> Test </title>
</head>
دستور زیر کلمات کلیدی صفحه شما را مشخص میکند

<head>
<meta name="keywords" content=" <"تست , آموزش
<title> Test </title>
</head>

با استفاده ازاین دستور بعد از ٧ ثانیه مرورگر به آدرس جدید می رود

<head>
<meta http-equiv="refresh" content="7,url=http://gallery25.wordpress.com"/>
<title> Test </title>
</head>

امید وارم از این مطلب خوشتان امده باشد
 
موفث باشید

پایان

باکس دانلود

2 دیدگاه

  1. سلام.من اصلا html بلد نیستم خیلی دوست دارم یاد بگیرم این اموزشی که گذاشتین چند قسمت هست؟با اینا میشه کامل یاد گرفت؟خواهش میکنم جواب بدین هر جا که میگم هیچی بلد نیستم هیچ کسی جواب نمیده

    • هادی قربانی

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


      با تشکر از دیدگاه شما.
      در کانال تلگرام بیگ تم عضو شوید : BigThemeCh@

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دنبال کردن