‎‎مثالهاي پايه ايHTML Basic Examples

Previous >    <Next  

‎در اين بخش بعضي از مثالهائي نشان داده ميشود كه حاوي دستورات پايه ايhtmlميباشند .دراين ‎مثالها از تگ هائي استفتاده ميشود، كه هنوز در باره آنها بحث نشده است .در آينده در مورد ‎آنها بيشتر بحث خواهد شد.

‎‎اسناداچ تي ام الHTML Documents -‎

‎يك سندHTML بايستي با‎<!DOCTYPE html>‎شروع شود .اين تگ تعريف نوع ‎سند را بيان ميكند.

‎‎خود سندHTML با ‎<html>‎ شروع وبا ‎</html>‎ باتمام ميرسد .

‎بدنه سند آن چيزي كه در صفحه مشاهده مبشود، وبا‎<body>‎ شروع وبا ‎</body>‎‎بپايان ميرسد .

‎‎مثال

‎ 
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

--(go to editor for change code and run)

‎‎تعريف نوع سند ـThe <!DOCTYPE> Declaration

‎تعريف نوع سند با‎<!DOCTYPE>‎ انجام ميشود، اين تگ نوع سند را براي مرورگر ‎مشخص ميكند، كه صفحه وب را درست نمايش دهد.

‎‎اين تگ فقط يك بار در اسكريپت ظاهر ميشود، وبايد دربالاي آن، قبل ازهر دستوري باشد.

‎<!DOCTYPE>‎‎نسبت به حروف حساسيت ندارد، يعني با حروف كوچك يا بزرگ ‎فرقي ندارد.

‎‎تعريف نوع سند برايHTML5 بفرم زيراست:

‎<!DOCTYPE html>‎‎

‎‎سرفصلها ـHTML Heading

‎سر فصلهايHTML از تگ‎<h1>‎ تا ‎<h6>‎ ميباشد .كه h1 ‎مهمترين سرفصل وh6 ‎پائين ترين آن ميباشد .اين سرفصلها در جستجوي وب درصفحات مورد توجه ميباشند.

‎‎مثال ـ سرفصلها

‎ 
<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

--(go to editor for change code and run)

‎‎اگر برنامه اجرا شود، مشاهده ميكنيد كه متن به ترتيب ازh1 اليh6 كوچكتر هم ميشوند.

‎‎پاراگرافها ـHTML Paragraphs

‎‎يگ پاراگرف درHTML با تگ ‎<p>‎ تعريف ميشود .

‎‎پاراگراف با‎<p>‎ شروع وبا ‎</p>‎ خاتمه مييابد .

‎‎مثال ـ نمونه پارگراف

‎ 
<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

--(go to editor for change code and run)

‎‎لينك يا پيوندهاHTML Links -‎

‎يك پيوند درHTML با تگ‎<a>‎ تعريف ميشود .اين تگ داراي ويژگي‎href‎ ‎ميباشدكه مقصد ‎پيوند را مشخص ميكند .اين تگ داراي ويژگي هاي ديگريست كه در مورد آنها دربخشهاي بعدي ‎بحث ميشود.

‎‎مثال ـ لينك

‎ 
<!DOCTYPE html>
<html>
<body>
<h2>HTML Links</h2>
<p>HTML links are defined with the a tag:</p>

<a href="dhtml_100.php">This is a link</a>

</body>
</html>

--(go to editor for change code and run)

‎‎تصاوير ـHTML Images

‎‎براي تعريف تصوير درhtml از تگ ‎<img>‎ استفاده ميشود .

‎‎اين تگ داراي ويژگي هاي زير ميباشد:

‎‎مثال ـ تصوير

‎ 
<!DOCTYPE html>
<html>
<body>

<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

</body>
</html>

--(go to editor for change code and run)

Previous >    <Next