خوش آمدید

مهمان گرامی به انجمن کویک لرن خوش آمدی ، برای استفاده از تمامی امکانات در انجمن عضو شوید.


wikiooz

آموزش تگ های مهم html

1 ارسال در این موضوع قرار دارد

لیست تگهای HTML برای راحتی کار شما براتون اینجا میزارم

HTML Cheatsheet  




تگهای اصلی (Basic Tags) 
<html></html> 
ایجاد سندی اچتمل
 
<head></head> 
ایجاد اطلاعات شناسنامه ای سند مانند عنوان و ...   
<body></body> 
ایجاد بدنه و قسمت قابل مشاهده سند اچتمل 
  
تگهای ناحیه Header 
<title></title> 
تعیین عنوان سند   
شناسه های مهم تگ body 
<body bgcolor=?> 
تعیین رنگ زمینه بر اساس نام رنگ یا معادل هگز 
<body text=?> 
تعیین رنگ نوشته بر اساس نام رنگ یا معادل هگز 
<body link=?> 
تعیین رنگ پیوندها بر اساس نام رنگ یا معادل هگز 
<body vlink=?> 
تعیین رنگ پیوندهای بازدیدشده بر اساس نام رنگ 
<body alink=?> 
تعیین رنگ پیوند فعال بر اساس نام رنگ یا معادل هگز 

   

تگهای متن و نوشته 

<pre></pre> 
نمایش متن های از قبل فرمت شده (preformatted) 
<hl></hl> 
ایجاد بزرگترین سر تیتر 
<h6></h6> 
ایجاد کوچکترین سر تیتر 
<b></b> 
ایجاد متن توپر 
<i></i> 
ایجاد متن مورب و ایتالیک 
<tt></tt> 
ایجاد متن از نوع تله تایپی 
<cite></cite> 
ایجاد citation معمولا ایتالیک 
<em></em> 
نمایش تاکید شده متن (توپر یا مورب) 
<strong></strong> 
نمایش تاکید شده متن (توپر یا مورب) 
<font size=?></font> 
تعیین اندازه قلم از 1 تا 7 
<font color=?></font> 
تعیین رنگ قلم بر اساس نام رنگ یا مقدار هگز آن 

   

پیوندها 

<a href="URL"></a> 
ایجاد پیوند 
<a href="mailto:EMAIL"></a> 
ایجاد پیوندی از نوع mailto 
<a name="NAME"></a> 
ایجاد پیوندی نامگذاری شده در یک سند 
<a href="#NAME"></a> 
ارجاع به یک پیوند نامگذاری شده 

   

فرمت دهی 

<p></p> ایجاد پاراگرافی جدید 
<p align=?> 
ترازبندی پاراگراف در سمت left, right, or center 
<br> 
رفتن سر سطر جدید 
<blockquote> </blockquote>  
عنوان سازی متن 
<dl></dl> 
ایجاد فهرستهای تعریفی 
<dt> 
ایجاد عنصری از یک فهرست تعریفی 
<dd> 
ایجاد شرح و توصیف یک عنصر فهرست تعریفی 
<ol></ol> 
ایجاد فهرستهای مرتب 
<li></li> 
ایجاد یک قلم اطلاعاتی از یک فهرست 
<ul></ul> 
ایجاد فهرستی نامرتب 
<div align=?> 
تگی برای فرمت دهی بلوکی بزرگ از کدهای اچتمل 

   

المانهای گرافیکی 

<img src="name"> 
ایجاد یک تصویر 
<img src="name" align=?> 
تراز بندی تصویر (left, right, center; bottom, top, middle)   
<img src="name" border=?> 
تعیین ضخامت مرز یک تصویر   
<hr> 
درج خطی افقی 
<hr size=?> 
تعیین ارتفاع خط افقی 
<hr width=?> 
تعیین عرض خط بر اساس مقدار واقعی یا درصدی 
<hr noshade> 
ایجاد خطی افقی بدون سایه 

   

جداول 

<table></table> 
ایجاد جدول 
<tr></tr> 
ایجاد ردیف در جداول 
<td></td> 
ایجاد خانه های جداول 
<th></th> 
ایجاد عنوان ستونهای یک جدول 

   

شناسه های جداول 

<table border=#> 
تعیین مقدار ضخامت مرزهای یک جدول 
<table cellspacing=#> 
تعیین فاصله بین خانه های جدول 
<table cellpadding=#> 
تعیین فاصله بین محتوای یک خانه و مرزهای آن 
<table width=# or %> 
تعیین عرض جدول بر اساس پیکسل و یا درصدی 
<tr align=?> or <td align=?> 
تعیین ترازبندی خانه های جدول (left, center, right)   
<tr valign=?> or <td valign=?> 
ترازبندی عمودی خانه های جدول (top, middle, bottom)   
<td colspan=#> 
تعیین تعداد ستون هائی که باید یکی شوند. 
<td rowspan=#> 
تعیین تعداد سطر هائی که باید یکی شوند. 
<td nowrap> 
باعث جلوگیری از شکسته شدن متن در خانه جدول میشود. 

   

فریمها 

<frameset></frameset> 
تعریف و ایجاد مجموعه ای از فریمها 
<frameset rows="value,value"> 
شناسه ای برای تعریف ردیفهای یک مجموعه فریم بر اساس اندازه واقعی بر حسب پیکسل و یا ابعاد درصدی 
<frameset cols="value,value"> 
شناسه ای برای تعریف ستونها یک مجموعه فریم بر اساس اندازه واقعی بر حسب پیکسل و یا ابعاد درصدی 
<frame> 
تعریف فریمی از مجموعه فریمها 
<noframes></noframes> 
تعیین متنی که باید در صورت عدم پشتیبانی مرورگر از فریمها باید نمایش داده شود. 

   

شناسه های فریمها 
<frame src="URL"> 
تعیین سند اچتمل داخل فریم   
<frame name="name"> 
تعیین نام برای یک فریم 
<frame marginwidth=#> 
تعیین عرض حاشیه راست و چپ فریم   
<frame marginheight=#> 
تعریف طول حاشیه بالا و پایین فریم بر اساس پیکسل 
<frame scrolling=VALUE> 
تعیین اینکه فریمی از Scroll bar استفاده کند یا نه. مقادیر ممکن: yes، no و auto (حالت پیش فرض)   
<frame noresize> 
سبب جلوگیری از تغییر اندازه یک فریم میشود. 

   

فرمها 
<form></form> 
ایجاد یک فرم 
<select multiple name="NAME" size=?></select> 
ایجاد یک منوی کرکره ای و تعیین تعداد اقلامی که قبل از scrolling نمایش داده خواهند شد. 
<option> 
تعیین هر یک از اقلام منو کرکره ای 
<select name="NAME"></select> 
ایجاد منوی کرکره ای   
<option> 
تعیین هر یک از اقلام منو کرکره ای 
<textarea name="NAME" cols=40 rows=8></textarea> 
ایجاد المانی برای ورود متن در بیش از یک خط با تعیین تعداد سطر و ستون ناحیه 
<input type="checkbox" name="NAME"> 
ایجاد چک باکسی با تعیین متن و عنوان آن 
<input type="radio" name="NAME" value="x"> 
ایجاد رادیو باتن با تعیین متن و عنوان آن 
<input type=text name="foo" size=20> 
ایجاد المانی برای ورود متن با حداکثر یک سطر به همراه تعیین ابعاد بر اساس نویسه 
<input type="submit" value="NAME"> 
ایجاد دکمه ای از نوع ارسال و Submit 
<input type="image" border=0 name="NAME" src="name.gif"> 
ایجاد دکمه ای از نوع ارسال با کمک یک تصویر 
<input type="reset"> 
ایجاد دکمه خلاصی !! یا Reset 

منبع: بانک مقالات

سوالی بود مطرح کنید

این تگ ها مهم ترین تگ های html میباشند که واقعا اینارو کامل بلد باشید بخش عمده html رو اوکی کردید

این بیس برای کد نویسی های دیگم لازمه

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری