آموزش اچ تی ام ال
آموزش HTML فصل دوم – پاراگراف بندی متون و تگ br
پاراگراف بندی متون و تگ br
با تگ <br/>در بخش های قبل آشنا شدیم.همانطور که دیدید این تگ وقتی در متنی وارد میشود باعث میشود که بقیه آن خط به خط بعد منتقل شود. در حقیقت این تگ مانند کلید Enter عمل میکند.
تگ بعدی که با آن آشنا خواهیم شد تگ<p>میباشد.این تگ که تگ پاراگراف نامیده میشود برای پاراگراف بندی متن مورد استفاده قرار میگیرد و بسیار پرکاربرد است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو سطر در دو پاراگراف میشود.درست مثل اینکه تگ brرا دوبار تایپ کنیم.از این تگ در اول پاراگراف برای تمایز بین دو پاراگراف استفاده میشود.
به عنوان مثال ابتدا یک سند html ایجاد میکنیم.سپس در قسمت body عبارات مورد نظرمان را مینویسیم.
۱ |
<head> |
۲ |
۳ |
<title>Learining Html</title> |
۴ |
۵ |
</head> |
۶ |
۷ |
<body> |
۸ |
۹ |
<p>This is first line of my first paragraph</p> |
۱۰ |
۱۱ |
<p>This is second line of my first paragraph<br/> |
۱۲ |
۱۳ |
This is third line of my first paragraph</p> |
۱۴ |
۱۵ |
<p>This is my second paragraph</p> |
۱۶ |
۱۷ |
<p>This is my third paragraph</p> |
۱۸ |
۱۹ |
</body> |
هر پاراگراف ما دارای سطرهای متفاوتی است که برای سطر بندی آن از تگ<br/> استفاده کرده ایم.
اکنون این فایل ایجاد شده را با پسوند htm ذخیره نمایید.سپس از طریق مرورگر فایل مورد نظر را باز کنید.
همانطور که میبینید متن ما از پاراگراف هایی تشکیل شده است و تگ های <p>باعث شده اند که پاراگراف ها از هم جدا گردند.البته عملا این تگ باعث میشود که بین پاراگراف ها دو خط فاصله بیافتد.این کار را میتوان با دو بار استفاده از تگ <br>نیز انجام داد.
آموزش HTML فصل دوم– تگ head و انواع سرفصل ها
تگ head و انواع سرفصل ها
در تگ های html ، تگ های شش گانه ای با عنوان تگ های سرفصل یا heading وجود دارند که برای تیتر و عنوان مطالب از آنها استفاده میشود.این تگ های شش گانه با حرف H و یک عدد که نمایش دهنده درجه تگ ها میباشد به کار میروند.
برای اینکه با نحوه عملکرد این تگ ها آشنا شویم ابتدا Notepad را اجرا کرده و یک سند html ایجاد میکنیم.در قسمت body ساین سند عبارت Learning HTML را مینویسیم. در مرحله اول این عبارت را در تگ h1 مینویسم و آنگاه سند html ایجاد شده را با انتخاب یک نام ذخیره میکنیم.
۱ |
<html> |
۲ |
۳ |
<head> |
۴ |
۵ |
<title> Learning HTML </title> |
۶ |
۷ |
<body> |
۸ |
۹ |
<h1>Learning HTML</h1> |
۱۰ |
۱۱ |
</body> |
۱۲ |
۱۳ |
</html> |
حال سند ایجاد شده را با مرورگر باز میکنیم.همانطور که مشاهده میکنید عبارت Learning HTML به صورت سرفصل و با فونت بزرگ نشان داده شده است.
مجددا سند html را باز کرده و در سطر های بعد با استفاده از تگ های h2 تا h6 این عبارت را تکرار میکنیم.
۱ |
<head> |
۲ |
۳ |
<title> Learning HTML </title> |
۴ |
۵ |
<body> |
۶ |
۷ |
<h1>Learning HTML</h1> |
۸ |
۹ |
<h2>Learning HTML</h2> |
۱۰ |
۱۱ |
<h3>Learning HTML</h3> |
۱۲ |
۱۳ |
<h4>Learning HTML</h4> |
۱۴ |
۱۵ |
<h5>Learning HTML</h5> |
۱۶ |
۱۷ |
<h6>Learning HTML</h6> |
۱۸ |
۱۹ |
</body> |
سپس سند را ذخیره میکنیم تا تغییرات مورد نظر را مشاهده کنیم.
میبینید که با زیاد شدن شماره تگ اندازه سرفصل کوچکتر میشود
آموزش HTML فصل دوم– انواع نوشتن متن در HTML
انواع نوشتن متن در HTML
در این آموزش میخواهیم بدانیم که چگونه با استفاده از تگ ها میتوانیم متون نوشته شده را به نحو دلخواه ویرایش کنیم. میدانید که اگر بخواهیم یک متن را بهصورت ساده در صفحه نمایش دهیم متن مورد نظر را درون تگ body مینویسیم .برای نمونه به این مثال توجه کنید.برای اینکار طبق معمول در برنامه Notepad تگ های اصلی را می نویسیم:
۱ |
<html> |
۲ |
<head> |
۳ |
<title>Learning HTML</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
Start HTML |
۷ |
This is a test for learning html |
۸ |
</body> |
۹ |
</html> |
سپس با انتخاب گزینه save as فایل مورد نظر را با نام دلخواه و پسوند htmذخیره نمایید. و نتیجه کار را در مرورگر وب مشاهده نمایید.
همانطور که ملاحظه میکنید متن نوشته شده در قسمت bodyدر صفحه نمایش داده شده است.اما نکته قابل توجه اینست که دو خط نوشته شده ما در بدنه این تگ تنها در یک سطر نشان داده شده است.
برای ویرایش کردن متن ها ابتدا به معرفی چندین تگ میپردازیم.
اولین تگ، تگ <b> میباشد.این تگ باعث میشود کلماتی که بین قسمت ابتدایی و انتهاییش قرار دارند به صورت توپر یاBold نمایش داده شوند.
برای مثال در کد های بالا تگ <b> را در سطر اول مینویسیم.
۱ |
<html> |
۲ |
<head> |
۳ |
<title>Learning HTML</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
<b>Start HTML</b> |
۷ |
This is a test for learning html |
۸ |
</body> |
۹ |
</html> |
حال آنرا save میکنیم و بر روی مرورگر رفته و برای اینکه تغییرات را مشاهده کنیم صفحه را refresh کرده یا از کلیدF5 استفاده نمایید.مشاهده میکنید که کلمه Start HTMLبه صورت پر رنگ و توپر درآمده است.
تگ بعدی تگ <u> میباشد.این تگ نیز نیز متن را به صورت زیر خط دار نمایش میدهد.در مثال قبلی کلمه test را در داخل این تگ مینویسیم :
۱ |
<html> |
۲ |
<head> |
۳ |
<title>Learning HTML</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
<b>Start HTML</b> |
۷ |
This is a <u> test</u> for learning html |
۸ |
</body> |
۹ |
</html> |
حال آنرا save میکنیم و بر روی مرورگر رفته و برای اینکه تغییرات را مشاهده کنیم صفحه را refresh کرده یا از کلیدF5 استفاده نمایید.مشاهده میکنید که کلمه testبه صورت زیر خط دار درآمده است.
تگ بعدی تگ <i>میباشد.این تگ متن را به صورت کج یا ایتالیک نمایش میدهد.در مثال قبلی عبارت learning html را در این تگ قرار میدهیم:
۱ |
<html> |
۲ |
<head> |
۳ |
<title>Learning HTML</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
<b>Start HTML</b> |
۷ |
This is a <u> test</u> for<i> learning html</i> |
۸ |
</body> |
۹ |
</html> |
حال آنرا save میکنیم و بر روی مرورگر رفته و برای اینکه تغییرات را مشاهده کنیم صفحه را refresh کرده یا از کلیدF5 استفاده نمایید.مشاهده میکنید که کلمه learning html به صورت زیر کج یا ایتالیک درآمده است.
تگ بعدی <strike> میباشد.این تگ متن را به صورت خط خورده نمایش میدهد.برای مثال در مثال قبلی ابتدا تگ های نوشته شده را پاک کرده سپس تگ strike را در سطر دوم بنویسید:
۱ |
<html> |
۲ |
<head> |
۳ |
<title>Learning HTML</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
Start HTML |
۷ |
<strike>This is a test for learning html</strike> |
۸ |
</body> |
۹ |
</html> |
برای مشاهد نتیجه کار فایل را ذخیره کرده و در مروگر باز کنید.مشاهده مینمایید که عبارت This is a test for learning htmlبه صورت خط خورده نمایش داده میشود.
به جز تگ های معرفی شده تگ های بیشتری برای کار با متون وجود دارد که آنها را در جدول زیر مشاهده می نمایید:
جدول تگ های html
(برای مشاهده تصویر در اندازه حقیقی بر روی آن کلیک نمایید.)
در انتهای این قسمت میخواهیم دو تگ پرکاربرد دیگر را نیز به شما معرفی کنیم.
ابتدا تگ <br />که تنها دارای یک قسمت است و قسمت پایانی ندارد.این تگ باعث میشود که خط مورد نظر شکسته شده و از ابتدای خط بعدی نوشته شود.برای نمونه در مثال قبلی تگ<br>را برای شکستن خط بعد از عبارت Start HTML استفاده مینماییم:
۱ |
<html> |
۲ |
<head> |
۳ |
<title>Learning HTML</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
Start HTML<br /> |
۷ |
This is a test for learning html |
۸ |
</body> |
۹ |
</html> |
به نحوه نوشتن این تگ واثرات آن دقت نمایید.
برای مشاهده تغییرات انجام شده فایل متنی را ذخیره کرده و از طریق مرورگر اجرا نمایید.
همانطور که ملاحظه مینمایید عبارت This is a test for learning html از سطر جدید آغاز شده است.
تگ بعدی تگ <center> میاشد.این تگ متن را به صورت وسط چین نمایش میدهد.برای نمونه تاثیر این تگ را در مثال قبل مشاهده کنید.
۱ |
<center>Start HTML <br /> |
۲ |
This is a test for learning html</center> |
برای مشاهده تغییرات انجام شده فایل متنی را ذخیره کرده و از طریق مرورگر اجرا نمایید.
میبینید که متن وسط صفحه قرار گرفته است.
آموزش HTML فصل اول – سند HTML
سند HTML
سند html ساختاری است که با استفاده از آن یک صفحه وب را ایجاد میکنند.این ساختار به صورت کلی به این شکل میباشد:
۱ |
<html> |
۲ |
<head> |
۳ |
<title> </title> |
۴ |
</haed> |
۵ |
<body> |
۶ |
</body> |
۷ |
</html> |
برای درک بهتر این قسمت سعی کنید تگ ها را به صورت جفتی در نظر بگیرید.از جایی که باز میشود تا جایی که بسته میشود اولیت تگ <html> است که علامت شروع یک متن html میباشد.و تگ پایانی آن </html> میباشد که معمولا در انتهای صفحه قرار میگیرد و همانطور که میدانید نشانه پایان متن html است. هر چیزی در html باید بین این دو تگ قرار گیرند مانند متن ها،خود تگ ها ، عکسها و … . چون این دو تگ نشان دهنده آغاز و پایان دو تگ میباشند.
تگ بعدی <head>است .این تگ مشخص کننده بخشی است که باید عنوان صفحه و کلمات کلیدی را در آن قرار دهیم. این بخش با </head> به پایان میرسد.در مثالی که میبینید در تگ <head> تنها عنوان صفحه وجود دارد که با titleمشخص میشود.تگ <title> به ما این امکان را میدهد که برای صفحه خود یک عنوان در نظر بگیریم.این قسمت مورد استفاده موتور های جستجو قرار میگیرد و همان متنی است که به هنگام مشاهده صفحه در نوارعنوان مرورگر نشان داده میشود.تا زمانی که این تگ در قسمت bodyقرار نگیرد در متن نشان داده نخواهد شد.برای پایان دادن به تگ عنوان از تگ </title> استفاده میشود.تگ <body>بخشی را آغاز میکند که در مرورگر نمایش داده میشود.این قسمت همان جایی است که ما باید کار اصلی خود را در آن انجام دهیم .برای پایان دادن به این تگ از </body>استفاده میکنیم.
اکنون میخواهیم به عنوان نمونه یک صفحه html ایجاد کنیم.برای اینکار ابتدا برنامه notepad را اجرا نمایید.
ابتدا تگ آغازین <html> را مینویسیم.سپس در سطر بعدی تگ <head>را باز میکنیم و در درون آن تگ <title>را باز کرده و در آن عنوان صفحه را مینویسیم.در ادامه تگ های </title>و </head> را میبندیم و تگ <body> را باز کرده سپس </body> را میبندیم .در پایان نیز تگ </html>را میبندیم.
۱ |
<html> |
۲ |
<head> |
۳ |
<title>عنوان صفحه</title> |
۴ |
</head> |
۵ |
<body> |
۶ |
</body> |
۷ |
</html> |
بعد از کامل شدن یک سند html مانند سندی که ایجاد کردیم میبایست آنرا ذخیره کنیم.برای اینکار ار منوی File گزینه Save as را انتخاب میکنیم سپس یک نام دلخواه برای این صفحه انتخاب میکنیم.اما دقت کنید که برای فایل مورد نظرمان میبایست پسوند htm یا html را انتخاب کنیم.در نهایت با کلیک بر روی گزینه Save فایل مورد نظر را ذخیره میکنیم.
حال میتوانیم بر روی فایل دانلود شده کلیک نموده و آنرا باز کنیم میتوانید نتیجه کار را ببینید .
به عنوان مثال دیگر مجددا برنامه Notepad را باز کرده وکد های زیر را در آن تایپ نمایید:
۱ |
<html> |
۲ |
<head> |
۳ |
<title> This is a test </title> |
۴ |
</head> |
۵ |
<body bgcolor="pink" text="blue" > |
۶ |
<b> PCTech | مرجع تخصصی آموزش های کامپیوتری </b> |
۷ |
</body> |
۸ |
</html> |
توضیح در مورد کدهای نوشته شده:
همانطور که قبلا هم اشاره شد از ویژگی bgcolor می توان رنگ پس زمینه صفحات را تغییر داد.دقت نمایید که رنگ مورد نظر باید داخل دابل کوتیشن یا “” قرار بگیرد.
همچنین با استفاده از ویژگی text میتوان رنگ متن مورد نظر در صفحه را تغییر داد.در مورد نیز رنگ مورد نظر باید داخل “” قرار بگیرد.
در انتها فایل را با پسوند htm ذخیره نمایید.سپس فایل مورد نظر را توسط یکی از مرورگر ها باز نموده و تغییرات ایجاد شده را ملاحظه نمایید.
آموزش HTML فصل اول – ساختار تگ ها در HTML
ساختار تگ ها در HTML
همانطور که گفته شد زبان html زبانی مبتنی بر متن میباشد. که ساختار آن بر تگ ها بنا شده است . به دلیل اینکه مسیر عبور اطلاعات صفحات وب و Web Applicationها اینترنت میباشد بهترین نوع برای انتقال اطلاعات text میباشد. در نتیجه تگ های مورد نظر را به صورت یک فایل متنی ذخیره میکنیم. و در آن سو کاربر با درخواست اطلاعات این فایل های متنی را به وسیله web browser که قابلیت درک تگ ها را دارد مشاهده میکند. یک تگ یا نشانه همیشه با علامت کوچکتر ریاضی آغاز شده و با علامت بزرگتر به پایان میرسد. < >
برای درک بهتر تگ به این دستور که برای Bold کردن یک متن به کار میرود توجه نمایید:
۱ |
<b> this is a Test </b> |
همانطور که ملاحظه میکنید تگ مورد نظر ما با علامت b مشخص شده و در بین علامت های <> قرار گرفته است.برای اینکه به طور بهتر متوجه ساختار تگ ها شوید به فرم کلی تگ ها که به این شکل است توجه فرمایید.
۱ |
<start tag> <end tag> |
معمولا تگ ها دارای دو قسمت آغازین و پایانی میباشند. البته تگ هایی نیز وجود دارند که قسمت ابتدا و پایانیشان تنها در یک قسمت قرار گرفته است. این تگ ها تگ هایی هستند که متن درون آنها قرار نمیگیرد و صرفا عملی را انجام میدهند. دقت کنید که علامت پایانی تگ ها با یک / مشخص میشود.هر تگ یا نشانه موضوعی را بیان میکند که این موضوع در بین دو تگ قرار میگیرد. همچنین توسط تگ ها اطلاعاتی در مورد آن موضوع بیان میشود . برای نمونه همان تگ اول یعنی b را در نظر بگیرید می بینید که در بین تگ ها موضوع ما که یک متن است قرار گرفته است و توسط تگ نیز گفته میشود که این متن میبایست به صورت Bold نشان داده شود.
یک تگ ممکن است دارای چند ویژگی یا Attribute نیز باشد. این ویژگی ها هر کدام خواصی را برای آن تگ بیان میکنند.این ویژگی ها در تگ آغازین نوشته میشوند و شامل موراد متعددی هستند که بسته به نوع تگ ها متفاوت است . اکثر تگ ها دارای Attributeمیباشند به عنوان نمونه به این تگ توجه نمایید:
۱ |
<body bgcolor="pink"> </body> |
همانطور که میبینید در قسمت آغازین تگ به وسیله عبارت bgcolor خاصیت رنگ زمینه را به رنگ صورتی تنظیم مینماییم.در قسمت های بعدی بیشتر به این موضوع خواهیم پرداخت.
همانطور که گفته شد بعضی از تگ ها تنها دارای یک قسمت هستند، یعنی قسمت آغازی و پایانی ندارند بلکه تنها یک قسمت دارند و در پایان همان قسمت اول علامت / قرار میگیرد. به نوان مثال به این تگ توجه نمایید:
۱ |
</br> |
همانطور که قبلا نیز گفته شد این تگ ها مانند تگهای دوقسمتی موضوعی را در بر نمی گیرند و معمولا برای انجام عملی یا یک کار مشخص انجام میگیرند.مثلا تگ برای شکستن یک سطر و رفتن به سطر بعد مورد استفاده قرار میگیرد. بعضی ازاین تگ ها نیز دارای Attributeهستند که قبل از کاراکتر / دربدنه تگ نوشته میشوند.
نکته قابل توجه دیگر در مورد کد ها این است که نحوه قرارگیری متن بین دو تگ اهمیتی ندارد.به عنوان مثال به این دو تگ دقت نمایید:
۱ |
<b> this is a Test </b> |
۲ |
<b> this is a Test </b> |
نتیجه اجرای این دو تگ یکسان خواهد بود .به عبارت دیگر وجود کاراکتر space بین تگ ها تاثیری در نتیجه نخواهد داشت.به همین ترتیب اگر تگ ها را در سطرهای جداگانه نیز بنویسیم نتیجه همان خواهد بود.پس این دو سطر نیز حاصلی یکسان خواهد داشت:
۱ |
<b> |
۲ |
this is a Test |
۳ |
</b> |
این موضوع باعث میشود اگر قصد ایجاد فضا در متن خود دارید از خود تگ ها استفاده کنید که در درس های بعدی به آنها میپردازیم.
حروف در تگ های html میتواند بزرگ یا کوچک باشد و Html حساسیتی به این موضوع ندارد.اما ما در این آموزش فقط از حروف کوچک استفاده میکنیم. زیرا در نسل های جدیدhtml مثل xHtml این موضوع به صورت قانون در آمده است. و در آنجا تمامی تگ میبایست با حروف کوچک باشند .
آموزش HTML فصل اول – شروع کار با html
شروع کار با html
برای آغاز کار با html و دنبال کردن درس های بعدی میبایست از یک ویرایشگر متن یا Editor استفاده نمایید.همانطور که گفته شد فایل های html فایل های متنی هستند در نتیجه برای تهیه آنها نیاز به یک ویرایشگر متن خواهیم داشت. که از جمله آنها میتوان به Wordpad و Notepad و مایکروسافت آفیس ورد اشاره نمود. البته برای نوشتن کد های html ویرایشگر های مخصوص و ویژه ای وجود دارند که شما را در نوشتن تگ ها کمک کرده و ساختار آنهارا به صورت پیشفرض در اختیار شما قرار میدهند. اما در این مرحله توصیه میکنیم که از این نوع ویرایشگر ها استفاده نکنید تا بهتر بتوانید با نحوه نوشتن دستورات آشنا شده و تهیه کامل یک سند html را فرا بگیرید. برای این منظور ما از برنامه Notepad که به صورت پیشفرض در ویندوز قرار دارد استفاده میکنیم. این نرم افزار را میتوانید از قسمت All programs وAccessories انتخاب نموده و بر روی برنامه Notepad کلیک نمایید. در محیط Notepad برای اینکه بهتر دستورات نوشته شده را ببینیم از منوی Format گزینه Font را انتخاب کرده و در پنجره باز شده سایز فونت را روی ۱۴ انتخاب میکنیم. همچنین برای مشاهده نتیجه کار نیاز به یک مرورگر یا Web browser خواهیم داشت. برای اینکار نیز گزینه های متعددی نظیر Internet explorer و Mozila FireFox و Oprea و نمونه های دیگری وجود دارد که ما در این آموزش از FireFox استفاده خواهیم نمود.
آموزش HTML فصل اول – مرورگر (Web browser)
مرورگر (Web browser)
Web browser یک نرم افزار است که به صورت interpreter یا مفسر کار میکند. Interpreter قابلیت تفسیر تگ های html را دارا میباشد.
فرق interpreter با compiler در این میباشد که compiler کل برنامه را در صورت صحیح بودن اجرا میکند.اما interpreter خط به خط کد را اجرا میکند.
به عبارت دیگر زمانی که یک compiler میخواهد یک برنامه را compile نماید میبایست به همه کد های برنامه دسترسی داشته باشد و همه آنها را ابتدا خوانده و بررسی کند که آیا در آن خطایی وجود دارد یا خیر.سپس در صورتی که برنامه خطایی نداشته باشد آنرا compile نموده و برنامه اجرا میشود. اما در صورتی که در برنامه خطایی وجود داشته باشد compiler روند compile را متوقف نموده و اعلام خطا میکند.در نتیجه برنامه اجرا نخواهد شد. این موضوع حتی اگر یک خطا در برنامه وجود داشته باشد اتفاق می افتد یعنی برنامه اصلا اجرا نشده و پیغام خطا میدهد.
اما interpreter ها رفتار متفاوتی دارند. به این ترتیب که این برنامه ها در هنگام فعالیت یا به عبارتی تفسیر دستورات به صورت خط به خط پیش رفته و در همان لحظه آن خط را اجرا نموده و نتیجه آنرا نمایش میدهند. به این ترتیب یک interpreter در هنگام تفسیر دستورات نیازی به تمامی آنها ندارد و در شروع کار بر خلاف compiler ها همه کدها را نمیخواهند. هم چنین در هنگام بروز خطا در برنامه رفتار interpreter کاملا متفاوت است. به این صورت که یک interpreter در هنگام برخورد با یک خطا در آن خط اعلام خطا میکند اما متوقف نمی شود پس آن خط از برنامه را رها کرده و به خط بعدی رفته و آنرا اجرا میکند و به همین ترتیب تا پایان برنامه ادامه میدهد.
همانطور که میدانید در وب ما به منابع و کد ها بصورت کامل دسترسی نداریم.بلکه اطلاعات مریوط به صفحات با توجه به درخواست های ما در اختیار ما قرار میگیرد. این موضوع باعث میشود که نتوانیم از compilerها برای ترجمه این اطلاعات به زبان ماشین و اجرای آنها استفاده کنیم.
با استفاده از interpreter در مرورگر های وب مشکلی وجود نخواهد داشت. Interpreter همزمان با دریافت اطلاعات آنها را خط به خط اجرا کرده و نتیجه آنرا نمایش میدهد. هم چنین در صورت بروز خطا در کل صفحه مشکلی پیش نیامده بلکه فقط آن خط نمایش داده نمیشود
آموزش HTML فصل اول – HTML چیست؟
HTML چیست؟
به نام خدا
برنامه های تحت وب را به طور کلی میتوان به قسمت دسته بندی کرد:
- برنامه های استاتیک
- برنامه های دینامیک
برنامه های دینامیک برنامه هایی هستند که صفحات آنها از متن ، تصویر ، صوت و … تشکیل شده است و یک یا چند لینک به دیگر آدرس ها در آن قرار گرفته است. در نتیجه این گونه برنامه ها کاربر تعامل ندارند و کاربران تنها میتوانند از صفحات از پیش تهیه شده استفاده نمایند.
اما برنامه های استاتیک برنامه هایی هستند که داده ای را از کاربر دریافت میکنند ،مورد پردازش قرار میدهند و نتیجه آنرا در اختیار کاربر قرار میدهند. پس میتوان گفت که خصیصه اصلی این برنامه ها این میباشد که با کاربر در تعامل بوده و با گرفتن ورودی از کاربر برای او پردازش یا تحلیل انجام میدهند.
زبان HTML زبانیست برای طراحی ظاهر صفحات وب. این زبان یک زبان مبتنی بر متن میباشد که ساختار آن بر تگ ها بنا شده است.HTML که از اول حروف Hyper Text Markup Language گرفته شده است به معنای زبان نشانه گذاری متن است که البته برخی آنرا زبان علامت گذاری فرا متن نیز می نامند. HTML سنگ بنای وب است. یک زبان برای نشانه گذاری متن که برای تدوین قالب و طراحی صفحات وب به کار برده میشود.
دستور العمل های این زبان برچسب، نشانه یا تگ نام دارند که محتوی صفحات وب به وسیله آنها نشانه گذاری شده و بدین ترتیب نحوه نمایش صفحه برای مرورگر های وب توصیف میشود. هر یک از برچسب های HTML معنای خاصی دارند و تاثیر مشخصی بر محتوی میگذارند.
یک سند HTML یک پرونده مبتنی بر متن است که معمولا با پسوند htm یاhtml نام گذاری شده و محتویات آن از برچسب های html تشکیل میشود.
مرورگر های وب که قادر به درک و تفسیر کد های Html هستند تک تک آنها را از داخل سند html خوانده و سپس محتوی آن صفحه را نمایش میدهند
Html یک زبان برنامه نویسی نمیباشد بلکه زبانی برای نشانه گذاری متن است و اساسا برای سازماندهی کردن اطلاعات و تفکیک اجرای منطقی یک نوشتار نظیر عناوین، تصاویر و جداول به کار میرود.