آموزش کامل Html از ابتدا تا پیشرفته

ويروس هوشمند

کاربر تازه وارد
تازه وارد
سلام از امروز به بعد روزی یکبا بایک پست در همینجا آموزش Html رو شروع می کنیم.

در ابتدا باید NOTEPAD ویندوز یا بهتر ورژن NOTEPAD ++ رو باز کنید و کد زیر رو برای شروع در ان بنویسد



<html>
<body>

<h1>نوشته شما</h1>

<p>My first paragraph.</p>

</body>
</html>

حالا برنامه رو با پسوند html ذخیره کنید.و بعد اجراش کنید

معنی در خط اول میگه یک صفحه html بازکن
خط دوم میگه یک بادی باز کن یا بدنه برای سایت بازکن
خط سوم میگه با اندازه h1 این نوشته شما رو نمایش بده
خط 4 میگه یک پاراگراف بازکن و متن داخل پرا گرافت رو نمایش بده.
خط 5 میگه بدنه رو ببند
خط 6 میگه html رو ببند
نکته به علامت های < /> حتما توجه کنید که برای باز و بسته شدن یک تگ استفاده می شن.



HTML Headings

Example
<html>
<body>
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<body>
<html/>
این کد ها را در NOTE PAD نوشته و اجرا کنید به ترتیب نوشته از بزرگ به کوچک در می اید حالا هر نوشته ای که می خواهد باشد


HTML Paragraphs Example
<p>This is a paragraph.</p>


<p>متن شما</p>

خط کد اول یک پاراگرافت ایجاد کن و ببند دقت کنید متن شما در وسط تگ پاراگرافت قرار می گیرد.......

[
B]
HTML Links
HTML links are defined with the <a> tag.
Example
<a href="http://www.freedownload.ir">MY LINK</a>
برای قرار دادن لینک از تگ <a href=""> استفاده می شود و و در ادامه می توان توضیحی برای کلیک روی ان نوشت توضیح[/B]


HTML Images
عکس در
Example
<img src="w3schools.jpg" width=104 height="142>

برای قرار دادن عکس از تگ استفاده می شود وبرای ادرس دهی از تگ استفاده می شود و برای تعیین اندازه ان می توان به width وheight اشاره کرد


HTML Line Breaks شکستن خط یا رفتن به خط بعدی

Example
<p>This is<br>breaks<br>graph with line breaks</p>
یک تک پراگرافت باز کنید
یک متن داخل آن بنویسید.
متن وسط تگ که نوشته شده breake در واقع در خط بعد از This is نمایش داده می شود.


زخیم -زیر خط دار -کج
این 3 تگ به تنهایی مورد استفاده قرار می گیرند
مانند<b/>سلام<b>
یا <u/>متن شما<u>


حتما امتحان کنید نتیجه رو ببندید.......................................








کار با لینک قسمت دوم :


<a href="url ">Link text</a>
برای اینکه در صفحه html خود لینک قرار بدید از تگ استفاده می شود که url ادرس لینک شماست و
link text متن شما برای اینکه در صفحه دیده شود.
نحوه تنظیم عنوان یک صفحه html
<html>
<head>
<title>Title of the document</title>
</head>

</html>

خط 1 : یک صفحه html باز کن
خط 2 : یک هد باز کن
خط 3 : یک تگ تایتل بازکن که معنیش. متن تون رو داخلش بنویسید و بسته بشه.
خط 4 : تگ هد رو ببند.
خط 5 : نگ html رو ببند.



کار با عکس در html قسمت 2 :


<"img src="url " alt="some_text>
در مورد تگ قرار دادن عکس با هم صحبت کردیم.ونحو ادرس دهی به ان .
حالا این سوال پیش می اید که اگر عکس باز نشد چه کار کنیم. نگ الت نوشته ای در صورت باز نشدن عکس به ما نشان می دهد. نوشته شما دقیقا بین 2 تا کتیشن قرار می گیرد.

 
آخرین ویرایش توسط مدیر:

ويروس هوشمند

کاربر تازه وارد
تازه وارد
سلام بطور کلی ساختار یک صفحه نوشته شده html به شکل زیر است که در نت پد ویندوز نوشته می شود
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

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



متن شما در وسط تگ <p> یا پراگرافت قرار می گیرد

<a href="http://yoursait.com">This is a link</a>

که قسمت ابی رنگ تگ قرار دادن لینک هستند. وبین 2 تا کتیشن نام یا url سایت شما قرار می گیرد

<img src="url" alt="some_text">

تگ عکس است و در قسمت url ادرس سایت قرار می گیرد و در قسمت الت هم متنی که اگر عکس باز نشد قرار می گیرد.

پاراگراف ها
پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.


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


پرش به خط بعد
برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.

 
آخرین ویرایش توسط مدیر:

tarenoco

کاربر تازه وارد
تازه وارد
پاسخ : آموزش کامل Html از ابتدا تا پیشرفته

سلام برای اینکه بتونیم یک لینک رو به متن اختصاص بدیم جوری که با کلیک روی لینک تو صفحه جدید باز شه میشه توضیح بدید
 
بالا