انجمن های تخصصی سپید نت

**MS.Zojaji** · 02-13-2012 04:41 AM

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

برای طراحی یک وب سایت از طریق HTML نیاز به یک ویرایشگر متنی داریم که می توان از برنامه Notepad و یا Notepad++ استفاده کرد ، که من از برنامه دوم استفاده می کنم.

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

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

پس از این توضیحات می توانیم به شروع کار یا این زبان نشانه گذاری کنیم.

برای شروع کار با این زبان با یک مثال شروع می کنم:

می خواهیم یک صفحه وب بسازیم که یک نوشته در بالای صفحه در حال حرکت افقی باشد:

کد php: 

<html>
<head>
  <title>My Site</title>
</head>
<body>
  <marquee><center>HELOO</center></marquee>
</body>
</html> 

خوب همینطور که می بینید تمامی کد های موجود در بالا بین دوعلامت کوچکتر و بزرگتر قرار گرفته اند ، به این شکل قرار گیری کد ، تگ گفته می شود.

تگ های HTML با یک تگ شروع آغاز می شود و به یک تگ پایان خاتمه می یابد مثل:

کد php: 

<title>My Site</title> 

همینطور که می بینید این یک تگ HTML است که شروع و پابان نیز دارد و نشان دهنده عوان سایت می باشد.

تمایی تگ ها باید بین دوتگ شروع و پایان <HTML> <HTML/> قرار گیرند ، تمامی عناصری که قابل نمایش هستند و می خواهیم در صفحه وب ما نمایش داده شوند مثل کد بالا باید بین دوتگ شروع و پابان <body> <body/> قرار گرفته شوند.

تگ هایی که شامل عنوان سایت ، شیوه نامه و تگ هایی که باعث می شود سایت ما در موتور های جستجو گر یافته شوند و غیره که شامل کد های صفحه ما میشود.

این مقاله ادامه دارد ، ما را همراهی کنید. Smile

حالت موضوعی \| حالت خطی اموزش طراحی وب سایت (HTML)
نویسنده	پیام