آگونیس
May 2nd, 2012, 12:55
http://codedrive.ir/wp-content/uploads/2012/02/html-2.jpg (http://codedrive.ir/wp-content/uploads/2012/02/html-2.jpg) نکته : در این جلسه ممکن است از برخی تگ ها استفاده شود که تا کنون توضیحی درباره آن ها داده نشده است. این مثال ها بیشتر به منظور آشنایی شما با تگ ها و ساختار المنت های HTML هستند و در ادامه به صورت مفصل در مورد همه آن ها بحث خواهد شد.
سرعنوان ها (Headings) در HTML سر عنوان های در HTML با استفاده از تگ های <h1> تا <h6> تعریف می شوند.
1
2
3
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
پاراگراف ها در HTML پاراگراف در HTML با تگ <p> تعریف می شود.
1
2
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
پیوند ها در HTML لینک ها در HTML با تگ <a> تعریف می شوند.
1
<a href="http://www.codedrive.ir">مدرسه وب ایران</a>
تصاویر در HTML تصاویر در HTML با تگ <img> تعریف می شوند.
1
<img src="codedrive.jpg" width="104" height="142" />
اسناد HTML توسط عناصر HTML تعریف می شوند.
عناصر HTML عناصر (Elements) HTML همه چیز هایی هستند که بین یک تگ شروع و تگ پایان قرار دارد.
تگ شروع
محتوای عنصر
تگ پایان
<p>
This is a paragraph
</p>
<a href=”default.htm” >
This is a link
</a>
<br />
نکته : تگ شروع معمولا با عنوان تگ باز و تگ پایان معمولا با عنوان تگ بسته نام برده می شوند.
Syntax عناصر HTML
یک عنصر HTML با تگ آغاز ، شروع می شود.
یک عنصر HTML به تگ پایان ختم می شود.
هر چیزی که بین تگ شروع و تگ پایان قرار گیرد را محتوای عنصر می نامیم.
برخی از عناصر HTML فاقد محتوا هستند .
عناصر بدون محتوا در شروع ، بسته شده اند !
بیشتر عناصر HTML می توانند صفت هایی (http://fa.wikipedia.org/wiki/%D8%B5%D9%81%D8%AA_%28%D9%85%D8%AD%D8%A7%D8%B3%D8% A8%D8%A7%D8%AA%29?match=en) را بپذیرند.
* در ادامه با صفت ها بیشتر آشنا خواهیم شد.
سند HTML نمونه
1
2
3
4
5
6
7
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
فایل بالا از سه عنصر HTML تشکیل شده است.
توضیحات مثال بالا عنصر <p>
1
<p>This is my first paragraph.</p>
-عنصر <p> در صفحات HTML تعریف کننده یک پاراگراف است.
- عنصر <p> دارای تگ شروع <p> و تگ پایان </p> است.
محتوای عنصر <p> عبارت This is my first paragraph است.
عنصر <body>
1
2
3
<body>
<p>This is my first paragraph.</p>
</body>
-عنصر <body> بدنه صفحات HTML را تعریف می کند.
- عنصر <body> دارای تگ شروع <body> و تگ پایان </body> است.
- محتوای عنصر <body> یک عنصر دیگر است. (عنصر <p> )
عنصر <html>
1
2
3
4
5
6
7
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
-عنصر html کل یک سند HTML را تعریف میکند.
- عنصر <html> دارای تگ شروع <html> و تگ پایان </html> است.
- محتوای عنصر <html> یک عنصر دیگر است. (عنصر <body> )
تگ پایان را فراموش نکنید ! توجه داشته باشید که برخی از عناصر HTML در صورتی که فاقد تگ پایان هم باشند به درستی نمایش داده می شوند.پس همواره دقت داشته باشید که تگ پایان را فراموش نکنید.
1
2
<p>This is a paragraph
<p>This is a paragraph
مثال بالا در بیشتر مرورگر ها به درستی نمایش داده می شود به این علت که تگ پایان را انتخابی در نظر گرفته اند.
عناصر خالی HTML عناصر بدون محتوا را عنصر خالی می نامیم. به عنوان مثال تگ <br> یک تگ خالی است که فاقد تگ پایان است .
نکته : در XHTML (http://fa.wikipedia.org/wiki/%D8%A7%DA%A9%D8%B3%E2%80%8C%D8%A7%DA%86%E2%80%8C%D 8%AA%DB%8C%E2%80%8C%D8%A7%D9%85%E2%80%8C%D8%A7%D9% 84)همه عناصر باید دارای تگ پایان باشند که برای عنصر های خالی به صورت یک اسلش در کنار تگ آغاز استفاده میکنیم. (مثل : <br /> )
نکته مهم : از حروف کوچک استفاده کنید ! در عمل نوشتن به صورت <P> با <p> تفاوتی ندارد اما به علت توصیه کنسرسیوم جهانی وب از حروف کوچک استفاده می کنیم.
سرعنوان ها (Headings) در HTML سر عنوان های در HTML با استفاده از تگ های <h1> تا <h6> تعریف می شوند.
1
2
3
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
پاراگراف ها در HTML پاراگراف در HTML با تگ <p> تعریف می شود.
1
2
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
پیوند ها در HTML لینک ها در HTML با تگ <a> تعریف می شوند.
1
<a href="http://www.codedrive.ir">مدرسه وب ایران</a>
تصاویر در HTML تصاویر در HTML با تگ <img> تعریف می شوند.
1
<img src="codedrive.jpg" width="104" height="142" />
اسناد HTML توسط عناصر HTML تعریف می شوند.
عناصر HTML عناصر (Elements) HTML همه چیز هایی هستند که بین یک تگ شروع و تگ پایان قرار دارد.
تگ شروع
محتوای عنصر
تگ پایان
<p>
This is a paragraph
</p>
<a href=”default.htm” >
This is a link
</a>
<br />
نکته : تگ شروع معمولا با عنوان تگ باز و تگ پایان معمولا با عنوان تگ بسته نام برده می شوند.
Syntax عناصر HTML
یک عنصر HTML با تگ آغاز ، شروع می شود.
یک عنصر HTML به تگ پایان ختم می شود.
هر چیزی که بین تگ شروع و تگ پایان قرار گیرد را محتوای عنصر می نامیم.
برخی از عناصر HTML فاقد محتوا هستند .
عناصر بدون محتوا در شروع ، بسته شده اند !
بیشتر عناصر HTML می توانند صفت هایی (http://fa.wikipedia.org/wiki/%D8%B5%D9%81%D8%AA_%28%D9%85%D8%AD%D8%A7%D8%B3%D8% A8%D8%A7%D8%AA%29?match=en) را بپذیرند.
* در ادامه با صفت ها بیشتر آشنا خواهیم شد.
سند HTML نمونه
1
2
3
4
5
6
7
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
فایل بالا از سه عنصر HTML تشکیل شده است.
توضیحات مثال بالا عنصر <p>
1
<p>This is my first paragraph.</p>
-عنصر <p> در صفحات HTML تعریف کننده یک پاراگراف است.
- عنصر <p> دارای تگ شروع <p> و تگ پایان </p> است.
محتوای عنصر <p> عبارت This is my first paragraph است.
عنصر <body>
1
2
3
<body>
<p>This is my first paragraph.</p>
</body>
-عنصر <body> بدنه صفحات HTML را تعریف می کند.
- عنصر <body> دارای تگ شروع <body> و تگ پایان </body> است.
- محتوای عنصر <body> یک عنصر دیگر است. (عنصر <p> )
عنصر <html>
1
2
3
4
5
6
7
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
-عنصر html کل یک سند HTML را تعریف میکند.
- عنصر <html> دارای تگ شروع <html> و تگ پایان </html> است.
- محتوای عنصر <html> یک عنصر دیگر است. (عنصر <body> )
تگ پایان را فراموش نکنید ! توجه داشته باشید که برخی از عناصر HTML در صورتی که فاقد تگ پایان هم باشند به درستی نمایش داده می شوند.پس همواره دقت داشته باشید که تگ پایان را فراموش نکنید.
1
2
<p>This is a paragraph
<p>This is a paragraph
مثال بالا در بیشتر مرورگر ها به درستی نمایش داده می شود به این علت که تگ پایان را انتخابی در نظر گرفته اند.
عناصر خالی HTML عناصر بدون محتوا را عنصر خالی می نامیم. به عنوان مثال تگ <br> یک تگ خالی است که فاقد تگ پایان است .
نکته : در XHTML (http://fa.wikipedia.org/wiki/%D8%A7%DA%A9%D8%B3%E2%80%8C%D8%A7%DA%86%E2%80%8C%D 8%AA%DB%8C%E2%80%8C%D8%A7%D9%85%E2%80%8C%D8%A7%D9% 84)همه عناصر باید دارای تگ پایان باشند که برای عنصر های خالی به صورت یک اسلش در کنار تگ آغاز استفاده میکنیم. (مثل : <br /> )
نکته مهم : از حروف کوچک استفاده کنید ! در عمل نوشتن به صورت <P> با <p> تفاوتی ندارد اما به علت توصیه کنسرسیوم جهانی وب از حروف کوچک استفاده می کنیم.