آموزش HTML

به آموزش HTML ، اولین آموزش وب سایت ویترین وردپرس خوش آمدید.

زبان پایه برنامه نویسی وب

Html اولین، کاربردی ترین و ساده ترین بخش آموزش طراحی سایت است.
شما با استفاده از Html و CSS ، می توانید ظاهر وب سایتتان را خودتان طراحی کنید.
کمتر کسی است که دستی در دنیای وب داشته باشد و با زبان Html آشنا نباشد یا لااقل اسم آن را بارها نشنیده باشد.

HTML چیست؟

Html زبان استاندارد طراحی صفحات وب و مخفف واژه های Hyper Text Markup Language به معنی زبان نشانه گذاری ابر متنی می باشد.
در واقع Html یک زبان برنامه نویسی نیست، بلکه زبان نشانه گذاری متن (علامتگذاری متن) است، با این حال اچ تی ام ال را میتوان مهمترین جزء در دنیای اینترنت نامید؛
در اهمیت آن همین بس که حاصل کدنویسی برنامه نویسان وب، نهایتا به صورت خروجی HTML در مرورگر کاربران نشان داده خواهد شد؛ یعنی بوسیله ی این زبان میتوان متن، عکس، فیلم و هر جزء دیگری را، در مرورگر مخاطبان نمایش داد.
یاد گیری اچ تی ام ال کار آسانی است و شما از آموزش آن لذت خواهید برد.
زبان اچ تی ام ال توسط دنیس ریچی ابداع و ثبت شد و از سال ۱۹۸۰ میلادی تا امروز همواره روندی رو به رشد داشته است.

ایجاد اولین صفحه ی وب

خب، برای آشنایی بیشتر با  Html، بیایید اولین صفحه وب را با هم طراحی کنیم، البته برای آموزش HTML ،ابتدا باید با تگ های آن آشنا شوید که در آموزشهای بعد درباره ی تگ های HTML صحبت خواهیم کرد.
کد نویسی html ، به نرم افزار خاصی نیاز ندارد، شما باید از یک ویرایشگر استفاده کنید، میتوانید با ساده ترین آن که notepad ویندوز است شروع کنید.
برنامه Notepad را باز کنید و کد زیر را در آن کپی نمائید:

<!DOCTYPE html>

<html dir="rtl">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title> HTML ویترین وردپرس - آموزش </title>

</head>

<body>

<h1>این یک تیتر است</h1>

<p>این یک پاراگراف است.</p>

<a href="http://localhost/vitrinhack">اینجا کلیک کنید</a>

<!-- http://localhost/vitrinhack -->

</body>

</html>

توجه:

فایل تولید شده را با نام دلخواه و پسوند htm و یا html و با یونیکد utf-8 ذخیره نمایید. تفاوتی بین این پسوند ها نمی باشد.
برای این کار به جای پسوند txt، پسوند html را جایگزین کنید و در قسمت Encoding عبارت UTF-8 را انتخاب کنید.

به تصویر زیر دقت کنید:

ذخیره فایل html

ذخیره فایل html

مشاهده صفحه وب

در این قسمت از آموزش HTML ،به روش نمایش کدهای نوشته شده می پردازیم.
برای مشاهده صفحه وب باید از مرورگر استفاده کنیم.
بعد از ذخیره فایل به ترتیبی که در بالا ذکر شد، فایل به شکل آیکون مرورگر پیش فرض سیستم ذخیره می شود و با کلیک بر روی آن در مرورگر نمایش داده خواهد شد.

نتیجه کدهای بالا به این صورت در مرورگر نمایش داده می شود:

این یک تیتر است

این یک پاراگراف است.

اینجا کلیک کنید

 

در آموزشهای بعد، درباره کدهای Html صحبت خواهیم کرد.

با ما همراه باشید.