در این مقاله می خواهیم در مورد زبان نشانه گذاری html صحبت کنیم و با کاربرد های آن آشنا شویم.
تاریخچه html
تاریخچه به وجود آمدن اچ تی ام ال , در توضیحات قبل کاربرد های html گفته شده حالا میخواهیم بدانیم که چطور به وجود آمده است.
احتمالا براتون جالب باشه که این زبان در آزمایشگاه فوق انرژی فیزیک در دانشگاه Switzerland Geneva با نام ce به وجود آمده
است, CERN مکانی بوده که فیزیک دانان جهان در آن جمع میشدند و تبادل اطلاعات و تفکرات میکردند در بین این فیزیک دان ها
شخصی بود به نام آقای تیم برنرز_لی مخترع شبکه جهانی وب می باشد.
زمانی که تیم در بخش کامپیوتری سرن مشغول کار بود این ایده به ذهنش رسید که چگونه میشود فیکزیک دان ها بدون اینکه در سرن
حضور داشته باشند یافته ها و اطلاعات خود را برای یکدیگر به اشتراک بگذارند.این ایده تیم امروزه در مقیاس وسیعی استفاده میشود.
تیم بر اساس زبانی با نام SGML اچ تی ام ال را طراحی کرد و در سال ۱۹۹۱ زبان hyper text markup language ( زبان نشانه گذاری
متن) مخفف HTML را به جهان معرفی کرد.
پیشرفت html در سال های متوالی:
آقای برنرز در سال ۱۹۹۱ این زبان را در قالب تگ معرفی کرده است.
سال ۱۹۹۵ نسخه۱.۰ قالب استاندارد معرفی و منتشر شده است.
سال ۱۹۹۷ نسخه ۲ و ۳ اچ تی ام ال به دست سازمانی به اسم w3x منتشر شد و هین سازمان باعث ارتقا html و وب شد.
بخاطر به وجود امدن یکسری مشکلات نسخه ۴ در همان سال ساخته و عرضه شد.
و در سال ۱۹۹۹ نسخه ۴.۱ که خیلی از مشکلاتش حل شده بود معرفی شد و امروزه طراحان سایت از این نسخه استفاده میکنند.
سال ۲۰۰۰ نسخه xhtml 1.0 توسط w3c سازمان تعیین کننده استاندارد جهانی به وجود آمد ,هدف این سازمان ادقام html و xhtml
بود که طراحان سایت بتوانند بهصورت پیشرفته تری طراحی سایت انجام دهند به علاوه xhtml قوانین سخت تری نسبت به html دارد
که اگر پیروی نشود در صفحات وب مشکل به وجود خواهد آمد.
سال ۲۰۱۴ نسخه ۵.۰ html پیشرفت کرده ودر حال پیشرفت است و تگ ها و قوانین بیشتری به آن اضافه شده است.
این نسخه تفاوت چشم گیری با نسخه ۴.۱ ندارد, یکسری tag اضافه شده است و کد نویسی راحت تر می باشد.
با این توضیحاتی که خواندین حتما به این فکر میکنید باید کدوم نسخه رو یاد بگیرید و طراحی سایت انجام بدین, پیشنهاد میشه از
نسخه ۴.۱ استفاده کنید.
این نسخه در سرار جهان استاندارد است, شما بعد از یاد گیری تگ های این نسخه میتونید به یاگیری تگ های جدید html 5.0 بپردازید.
قصد ما در این سایت آموزش html می باشد برای یاد گیری با ما همراه باشید.
معرفی تگ ها و اصول نوشتن در HTML:
قبل از معرفی تگ ها و یاد گیری اچ تی ام ال باید مواردی را دانست, شاید به فکر خیلی ها که آشنایی با html ندارند برسه که اصلا
تگ ها باید کجا نوشته شود؟ پس از صفر شروع میکنیم:
۱. شما باید یک ویرایشگر متن داشته باشید که میتوانید از notepad یا ++ notepad استفاده کنید.
۲. انتخاب یک مرورگر مثل mozilla fire fox ,opera ,inteet explorer که می توانید به صورت رایگان از اینترنت دانلود کنید.
۳. ذخیره کردن فایل به اینصورت از که در notepad از منوی فایل گزینه save as را انتخاب میکنیم ودر هرقسمتی که دلخواهتان
بود ذخیره کنید فقط به این توجه داشته باشید که حتما فایل باید با پسوند html ذخیره شود.
ساختار و اصول نوشتن نشانه ها یا همان تگ ها , در نوشتن تگ ها از علامت شروع(>) و علامت پایان (</)استفاده میشود.
تگ ها دو دسته اند:
۱. تگ های بلند که شروع و پایان دارند.
۲. تگ های کوتاه شروع و پایان ندارند.
ساختار نوشتن تگ ها باید رعایت شود باید بدانیم چه تگی در کجا نوشته میشود و برای چه چیزی استفاده میشود.
اولین تگی که در صفحه نوشته میشود و با آن مشخص میشود که از آخرین ورژن html استفاده میکنیم.
< DOCTYPE HTML !>
قالب اصلی یک فایل اچ تی ام ال به صورت زیر است هرکدام توضیح داده خواهد شد:
< DOCTYPE HTML !>
<html>
<head>
<title/> اچ تی ام ال <title>
</head>
<body>
<body/>
<html/>
تگ html :همانطور که مشخص است برای استفاده متن استفاده شده و شروع و پایان دارد.
تگ head: در این تگ شما میتوانید توضیحاتی درمورد صفحه و کلمات کلیدی و عنوان بیاورید.
تگ title: با این تگ میتوانید برای صفحه خود عنوان انتخاب کنید و توسط موتور های جستو جو دیده میشود و در نوار عنوان مرورگر نمایش داده میشود.
تگ body: هرچیزی که اینجا نوشته شود در مرور گر قابل دیدن است.
درج عناوین در صفحات html
با استفاده از تگ های <h1> تا <h6> برای عنوان ها در صفحات استفاده کنید.
<h1/> آموزش طراحی سایت <h1>
استفاده پاراگراف در htm
استفاده تگ <p> متن به صورت پاراگراف نشان داده میشود.
<p/> پاراگراف متن<p>
ایجاد عکس در html
تگ <image> امکان قرار دادن عکس در صفحه را به ما می دهد.
</آدرس عکس = img src>
قراردادن لینک در html
برای برقراری ارتباط بین صفحات از تگ <a> استفاده میکنند و در قسمت head نوشته میشود.
< ” a href = “http://nex1matlab.ir>
Expert programmers...