شما در اینجا هستید: خانه » توسعه وب » HTML » مقدمه ای بر HTML

مقدمه ای بر HTML

HTML

HTML چیست؟

HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است.

*HTML مخفف زبان نشانه گذاری فرا متنی است (Hyper Text Markup Language)

*.HTML ساختار صفحات وب را بر اساس نشانه گذاری تشریح می کند.

*المنت های HTML بلوک های ساختمان صفحات HTML هستند.

*المنت های HTML بوسیله تگ ها نمایش داده می شوند.

*تگ های HTML بخش های محتوایی مانند “تیتر”، “پاراگراف”، “جدول” و همانند اینها را نمایش می دهند.

*مرورگرها تگ های HTML را نمایش نمی دهند ولی از آنها برای نمایش محتوای صفحات استفاده می کنند.

یک سند ساده HTML:

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

تشریح مثال:

۱٫<!DOCTYPE html>

این مورد بیان می دارد که این سند از نوع HTML5 است.

۲٫<HTML>

این المنت، المنت اساسی یک صفحه HTML است.

۳٫<head>

این المنت در بر دارنده اطلاعات کلی درباره سند است.

۴٫<title>

این المنت یک عنوان برای سند تعریف می کند.

۵٫<body>

این المنت در بر دارنده محتوای قابل مشاهده صفحه وب است.

۶٫<h1>

این المنت یک تیتر درشت تعریف می کند.

۷٫<p>

این المنت یک پاراگراف تعریف می کند.

تگ های HTML

تگ های HTML نام های المنت ها هستند که بوسیله علامت های کوچکتر و بزرگتر محاط می شوند:

<tagename>content goes here…</tagname>

*تگ های HTML معمولا به صورت جفت هستند مانند <p> و <p/>

*اولین تگ در یک جفت تگ آغازین و دومین تگ، تگ پایان نام دارند.

*تگ پایان همانند تگ آغاز نوشته می شود با این تفاوت که یک اسلش رو به جلو پیش از نام تگ قرار می گیرد.

*تگ شروع همچنین به عنوان تگ باز کننده و و تگ پایان به عنوان تگ بستن خوانده می شود.

مرورگرهای وب

هدف یک مرورگر وب (Chrome, IE, Firefox, Safari) خواندن سندهای HTML و نمایش آنهاست.

مرورگر تگ های HTML را نمایش نمی دهد اما از آنها استفاده می کند تا تعیین کند که چگونه سند را نمایش دهد:

ساختار صفحه HTML

ساختار کلی یک صفحه HTML به صورت زیر است:

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>

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

<p>this is another paragraph.</p>

</body>

</html>

توجه: تنها محتوای درون بخش <body> در مرورگر نمایش داده می شود.

اعلامیه <DOCTYPE!>

اعلامیه <DOCTYPE!> نوع سند را نمایش می دهد و به مرورگرها کمک می کند تا صفحات وب را به درستی نمایش دهند.

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

اعلامیه <DOCTYPE!> نسبت به بزرگی و کوچکی حروف حساس نیست.

اعلامیه <DOCTYPE!> برای HTML5 به صورت زیر است:

<!DOCTYPE html>

نسخه های HTML

در انتهای مطلب مقدمه ای بر HTML به معرفی انواع نسخه های HTML می پردازیم.

از همان آغاز کار وب، نسخه هایی از HTML موجود بود:

HTML: 1991

HTML 2.0: 1995

HTML 3.2: 1997

HTML 4.01: 1999

XHTML: 2000

HTML 5: 2014 (Reference)

اشتراک گذاری
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

2 دیدگاه دربارهٔ «مقدمه ای بر HTML»

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

16 − یازده =

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.