جهان سایت

طراحی وب سایت | خدمات سئو حرفه ای | بازاریابی اینترنتی

HTMLیا زبان پایه برنامه نویسی پایه وب چیست؟

اچ تی ام ال (HTML) یا hypertext markup language، زبانی است که حتما تمام افرادی که با وب سر و کار دارند با آن آشنا هستند یا لااقل اسم آن را زیاد شنیده اند، زبانی که یکی از آسان ترین و کاربردی ترین زبانهای برنامه نویسی در جهان است ، از سال ۱۹۸۰ میلادی تا امروز همواره روندی رو به رشد و پیشرفت داشته،  در اهمیت آن همین بس که حاصل کدنویسی برنامه نویسان وب،  نهایتا به صورت خروجی HTML  و در مرورگر کاربران نشان داده خواهد شد؛ لذا نقطه آغاز یادگیری برنامه نویسی  وب، آموزش این زبان است، برای آشنایی بیشتر چند تگ ساده را در ادامه بررسی می کنیم.

اولین صفحه با کدهای html

برنامه Notepad را باز کنید و کد زیر را در آن کپی نمائید:

[dt_code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>جهان سایت بهتربن سایت برنامه نویسی اولین صفحه html من</title>
<!-- http://jahansite.com -->
</head>
<body>
<h1>اولین page من</h1>
<p>اولین پاراگراف من</p>
</body>
</html>[/dt_code]
x3l0_html

اکنون فایلتان را با پسوند html و با یونیکد utf-8 ذخیره نمائید (برای این کار به جای پسوند txt، پسوند html را جایگزین کنید و در قسمت Encoding عبارت UTF-8 را انتخاب کنید)، اکنون اولین کدتان را در یک مرورگر وب ببینید!
توضیح:
– عبارت DOCTYPE html PUBLIC و مقادیر آن برای راهنمایی کردن مرورگرهای وب جهت پردازش صحیح صفحه مورد نظر است.
– تگ head و body جز اصلی ترین تگ های html است که سازنده یک صفحه به شمار می روند، درون تگ head می توان از مقادیر meta تگ ها استفاده کرد.
– تگ title برای نمایش عنوان صفحه در مرورگر لازم است.
– تگ h1 نشان گر سرتیتر ها است که می تواند مقادیری تا h6 داشته باشد.
– تگ p در کدهای اچ تی ام ال نشانگر پاراگراف است.
– اکثر تگ های اچ تی ام ال با افزودن یک (/) بسته می شوند و البته برخی نیز یکتا هستند (مثلا </ br>).
نکته ۱: هدف از ایجاد زبانی به نام html یا hypertext markup language در وب، در واقع به ضرورت ایجاد استانداردی تعریف شده برای یکسان سازی و سهولت کار برمی گردد، این زبان توسط کنسرسیوم جهانی وب یا w3c توسعه یافته و امروزه تبدیل به استانداردی فراگیر گشته است که توسط انواع مختلف مرورگرها و واسطه های کاربری (کامپیوتر، تلفن همراه و…)، قابل پردازش است.
نکته ۲: html در حقیقت یک زبان برنامه نویسی نیست، بلکه بیشتر شبیه یک قرار داد با پیروی از اصولی منظم است، چرا که محدود به تگ ها و دستور عمل های خاصی است و خارج از چارچوب تعریف شده خود، قدرت مانور ندارد، اما از این جهت که زبان تفهیم خواسته های برنامه نویس از مرورگر تلقی می شود، اهمیت زیادی دارد، یعنی وقتی در وب برنامه ای به یک زبان که در سرور اجرا می شود (مانند php) می نویسیم، هدف، هر چه که باشد، نهایتا معمولا باید خروجی خود را در بستر html به مرورگر انتقال دهیم.