• پایان فعالیت بخشهای انجمن: امکان ایجاد موضوع یا نوشته جدید برای عموم کاربران غیرفعال شده است

آموزش HTML از ابتدا تا انتها

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
سلام به همه عزیزان
بنده حقیر سراپا تقصیر می خوام آموزش HTML رو به صورت کامل اینجا ارائه بدم.

خواهشی که از شما دارم اینه که اینجا نظر ندین و فقط LIKE کنین.
 

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
قالب یک فایل HTML در حالت کلی با صورت زیر است.


کد:
<!DOCTYPE html>
<html>
<body>

</body>
</html>
 

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
از Heading برای نمایش متنها استفاده می شود. البته می توان یک سری عدد نیز در نمایش Heading های استفاده نمود که هر چه عدد گوچکتر باشد متن بزرگتر خواهد بود:

کد:
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<h2>My First Heading</h2>
<h4>My First Heading</h4>
<h6>My First Heading</h6>


<p>My first paragraph.</p>

</body>
</html>

HTML_1001.jpg
 

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
برای این منظور می توانید کدهای خود را در Notepad تایپ بفرمائین و بعد از نوشتن کدها فایلتون رو با پسوند (Extension) مورد نیاز ذخیره بفرمائین که این پسوندها میتونن شامل موارد ذیل باشن:

کد:
.htm
.html
.asp
.aspx
.php 
و . . .



HTML_1002.jpg
 

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
Heading در داخل

کد:
<budy>
</budy>

قرار می گیرد و همانطور که پیشتر بحث شد برای نمایش متن در ابعاد مختلف مورد استفاده قرار می گیرد و <h1> تا <h6> قابل استفاده می باشد.

کد:
<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

HTML_1003.jpg

برای ایجاد یک پاراگراف از <p> و برای نمایش انتهای پاراگراف از </p> استفاده می شود.

کد:
<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

HTML_1004.jpg

نحوه ایجاد یک لینک یا Hyperlink

کد:
<!DOCTYPE html>
<html>
<body>

<a href="http://www.forum.persiantools.com">This is a link</a>

</body>
</html>

This is a link

نحوه نمایش یک عکس در HTML

کد:
<img src="http://f3.ptcdn.org/images/misc/vbulletin4_logo.png" width="104" height="142">

vbulletin4_logo.png
 
Last edited:

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
شروعمحتوای عنصرخاتمه
<p>This is a paragraph</p>
<a href="default.htm">This is a link</a>
<br>

برای نوشتن کامنت در HTML به روش زیر استفاده عمل می نمائیم:

<!-- This is a comment -->
 

najafzadeh

کاربر فعال پایگاه داده ها
کاربر فعال
تاریخ عضویت
21 سپتامبر 2005
نوشته‌ها
522
لایک‌ها
28
محل سکونت
قزقلعه
سلام
فیلم آموزشی

[video]http://bitaf1.persiangig.com/f98ia/HTML_101.wmv[/video]
 

eli27

کاربر تازه وارد
تاریخ عضویت
12 ژانویه 2014
نوشته‌ها
15
لایک‌ها
11
سن
59
یه عالمه آموزش هست. چرا خودتونو زحمت می دید؟
 
بالا