Assassin’s Creed Chronicles : دو نسخه هند و روسیه را بزودی منتشر میکند
آذر ۱۹, ۱۳۹۴
آپدیت جدید کلش آف کلنز منتشر شد همراه با لینک دانلود
آذر ۱۹, ۱۳۹۴
با سری آموزش های گام به گام اختصاصی مدیاسافت، HTML را فول شوید.
در این سری از آموزش ها همه چیز درباره ی HTML به شما آموزش داده می شود.
در جلسات اول و دوم بیشتر به مسائل مهم پایه ای پرداخته می شود . بنابراین توصیه می شود این جلسات را با دقت بخوانید.
یادگیری HTML آسان است ؛ پس از آن لذت ببرید.
HTML چیست ؟
HTML یک زبان نشانه گذاری برای توصیف صفحات وب است که مخفف Hyper Text Markup Language است.
با یک مثال شروع می کنیم :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<head/>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
توضیح مثال :
- DOCTYPE اعلام می کند که این سند یک فایل HTML است.
- متن های بین <html> و <html/> سند HTML را توصیف می کند.
- متن های بین <head> و <head/> اطلاعات در مورد سند را فراهم می کند.
- متن بین <title> و <title/> عنوان سند را مشخص می کند. در واقع عنوان سند همان متنی است که در بالای هرسربرگ در مرورگر مشاهده می کنید که در عکس نشان داده شده است.
- متن های بین <body> و <body/> محتوای صفحه ی قابل نمایش را ایجاد می کند.
- متن بین <h1> و <h1/> یک عنوان را در صفحه ایجاد می کند.
- متن بین <p> و <p/> یک پاراگراف را ایجاد می کند .
با استفاده از این توصیفات (کدهای بالا) یک مرورگر وب سندی را نمایش می دهد که در آن یک عنوان و یک پاراگراف قرار دارد.
تگ های HTML
تگ های HTML کلمات کلیدی (نام تگ) هستند که بین براکت های زاویه دار یا <> قرار دارند :
<tagname> Content </tagname>
- تگ های HTML معمولا به صورت جفت نوشته می شوند مانند <p> و <p/> .
- تگ اول مثلا <p> را تگ شروع و تگ دوم را مثلا <p/> تگ پایانی می گویند.
- تگ پایانی همانند تگ شروع نوشته می شود با این تفاوت که یک / قبل از نام تگ قرار می گیرد.
نکته : tag در زبان فارسی به معنای “برچسب” می باشد ولی در این آموزش ما همان “تگ” را می گوییم که شکل فنی تری به خود بگیرد.
مرورگرهای وب
هدف یک مرورگر مانند کروم ، اینترنت اکسپلورر ، فایرفاکس و … خواندن اسناد HTML و نمایش آنهاست.
مرورگر وب تگ های HTML را نمایش نمی دهد ؛ اما از آنها برای نمایش چگونگی سند استفاده می کند.
ساختار یک صفحه ی HTML
تصویر زیر نمایی از یک ساختار صفحه ی HTML است :
فقط ناحیه ی <body> (قسمت سفید) درمرورگر نمایش پیدا می کند.
اعلام <DOCTYPE!>
اعلام <DOCTYPE!> به مرورگر برای نمایش درست یک صفحه ی وب کمک می کند. زیرا اسناد مختلفی در وب وجود دارد.
برای نمایش درست یک سنددر مرورگر می بایست نوع و ورژن سند مشخص باشد.
اعلام doctype به حروف بزرگ و کوچک حساس نیست و فرقی نمی کند که آن را چگونه می نویسیم . به مثال زیر توجه کنید :
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
Doctype برای وژن های مختلف HTML به صورت زیر است:
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN””http://www.w3.org/TR/html4/loose.dtd”>
XHTML 1.0
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
نکته : تمام آموزش ها و مثال های این سری HTML5 می باشد.
ورژن های HTML
از اولین روز های وب تا به امروز نسخه های مختلفی از HTML وجود دارد که تاریخچه ی آن را در جدول زیر مشاهده می کنید :
| سال | نسخه |
| 1991 | HTML |
| 1995 | HTML 2.0 |
| 1997 | HTML 3.2 |
| 1999 | HTML 4.01 |
| 2000 | XHTML |
| 2014 | HTML5 |
پایان چلسه اول
