Omega Programming

آموزش HTML

مقدمه

 با آموزش HTML شما  خواهید توانست  صفحات وب خود را بسازید.

HTML چیست؟

  •   HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
  •   یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
  •   بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد

یک مثال کوچک

برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.

<!DOCTYPE html>
<html>
<head>
<title>
Page Title</title>
</head>

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

از منوی فایل گزینه save as را انتخاب و نام فایل را  "mypage.html"(یا هر نام دلخواه) قرار دهید. در پنجره save as از کادر کشویی Encoding گزینه UTF-8 را انتخاب و سپس فایل را ذخیره نمایید.

تمام فایل هایی که با پسوند htm یا html ذخیره می شوند را می توان با مرورگرهای وب (web browser)، همچون اینترنت اکسپلورر، فایرفاکس، کروم و ... اجرا کرد. پس مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل mypage.html خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. به این ترتیب مرورگر صفحه را به شما نشان خواهد داد.

نکته: هدف یک مرورگرهای وب خواندن اسناد html و نمایش آنهاست. مرورگر تگ های html را نمایش نمی دهد، اما از آنها برای تعیین اینکه چگونه اسناد را نمایش دهد، استفاده می کند.

نکته: علاوه بر ویرایشگرهای ساده ای چون notepad ویرایشگرهای html پیشرفته ای نیز وجود دارد. یکی از این نرم افزارها HTML Pad است که می توانید آنرا از لینک زیر دانلود و نصب نمایید.

تشریح مثال

اولین برچسب(tag) در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
متن های بین برچسب <head> اطلاعاتی در مورد فایل شماست .اطلاعات هدر در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>،عنوان صفحه وب شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
متنی که بین برچسب <body> قرار می گیرد محتوای صفحه را نمایش خواهد داد.

برچسب(تگ های) html

تگ های html کلمات کلیدی هستند که توسط دو کاراکتر < و > محاط می شوند. کاراکترهای محاط کننده قلاب نامیده می شوند.

<tagname>content</tagname> 

  •   بر چسب های HTML معمولا بصورت جفت می آیند <p> , <p/>
  •   اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
  •   متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
  •   برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند

ساختار یک صفحه html

شکل زیر ساختار یک صفحه html را نمایش میدهد.

 

 

 

 

 

 

 

 

 

 

 

نکته: فقط ناحیه محصور در تگ <body> (ناحیه سفید رنگ در شکل) توسط مرورگر وب نمایش داده می شود.

اعلان <DOCTYPE> به مرورگر وب کمک می کند صفحه وب را به درستی نمایش دهد. اسناد موجود در وب انواع مختلفی دارند. برای نمایش صحیح یک صفحه وب، مرورگر باید نوع و ورژن آنرا بداند.مثلا برای Html ورژن 5 کافیست در ابتدای فایل دستور DOCTYPE بصورت زیر بیاید.

<!DOCTYPE html>


 

 

شما اینجا هستید: صفحه ی اصلی آموزش ها آموزش HTML