سبد خرید
0
No products in the cart.

آشنایی با زبان برنامه نویسی HTML

آشنایی با زبان برنامه نویسی HTML
زبان HTML

آشنایی با زبان HTML

زبان نشانه‌گذاری ابرمتنی یا اچ‌تی‌ام‌ال ، HTML یا HyperText Markup Language  زبان تدوین و طراحی صفحه‌های وب است . در این زبان دستور ها بصورت برچسب یا Tag (تگ) تعریف می شوند ، که بر اساس آنها ساختار یک صفحه وب مشخص شده  و توسط مرورگر ها نمایش داده می شود .

در اواخر سال ۱۹۹۰ میلادی بود که اولین نسخه از HTML بهمراه مرورگر و نرم افزار سرور نوشته شد و  برای اولین بار توسط Berners –Lee در سال ۱۹۹۱ روی اینترنت قرار گرفت . روند بین المللی شدن استاندارد های HTML تا سال ۲۰۰۰ به طول انجامید و راه تکامل در ورژن های مختلف آن ادامه یافت  .

آشنایی با HTML

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

معرفی تگ ها در زبان HTML :

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

<p>

 

محتوای متن           

 

<p/>

همچنین تگ های مهم دیگری نیز وجود دارند عبارت است از تگ باز و بسته a برای قرار دادن لینک در صفحه ، تگ img برای قرار دادن تصویر ، تگ باز و بسته form برای تبادل اطلاعات بین دو صفحه ، تگ باز و بسته input برای گرفتن ورودی از کاربر ، تگ باز و بسته div برای قالب بندی  و …  .  جهت آشنایی با کلیه تگ های HTML به این صفحه مراجعه کنید . 

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

برای ایجاد یک صفحه وب باید قالب کلی را با زبان Html نوشته سپس با css ‌قالب و المانهای مورد نظر را شخصی سازی یا استایل دهی کنیم . چهارچوب کلی تگهایی که باید در همه صفحات وب یکسان باشد اینگونه است :

آشنایی با HTML

استفاده از DOCTYPE در ابتدای فایل Html اجباری نیست این عبارت برای مرورگر های وب استفاده می شود ، یعنی یک دستور راهنما برای مرورگرهای وب است، از آنجایی که کنسرسیوم جهانی وب (w3c) استاندارد های مختلفی از زبان پایه ی وب یعنی HTML یا (HyperText Markup Language) را ارائه نموده ممکن است  صفحات شما به چند شکل مختلف پردازش شوند ، لذا برای جلوگیری از بروز چنین مشکلاتی ، از دستور راهنمای DOCTYPE استفاده می شود تا نوع نسخه HTML استفاده شده را برای مرورگر مشخص کند .

عنوان در سند های HTML :

از تگ های h1 تا h6 برای نمایش عنوان استفاده می شود به این صورت که تگ h1 بزرگترین و مهمترین عناوین را شامل می شود و تگ h6 که کوچکترین عناوین را در بر می گیرد .

( منظور از بزرگی و کوچکی همان سایز فونت می باشد )

تگ عنوان در HTML
تگ های عنوان
Instagram داده های نامعتبر را بازگرداند

ساخت یک صفحه ساده وب :

برای ساخت یک فایل html ابتدا در کامپیوتر خود داخل صفحه اصلی ویندوز کلیک راست کرده و به فیلد New بروید سپس گزینه Text Doucument مطابق با تصویر انتخاب کنید تا فایل خام از نوع تکست ایجاد شود .

ساخت صفحه HTML

در مرحله بعد فایل ایجاد شده را Rename کرده و نام دلخواهی برای آن انتخاب میکنید سپس در انتهای نام انتخابی عبارت html. اضافه کنید در ادامه از شما خواسته میشود که تغییر پسوند فایل را تایید کنید بر روی Yes کلیک کنید سپس فایل را با یک editor که می تواند همان ویرایشگر تکست ویندوز باشد اجرا کنید .

صفحه وب
HTML

حالا در صفحه ادیتور کد های زیر را وارد کرده و تغییرات را ذخیره کنید . در قسمت تگ title نام صفحه دلخواه خود را وارد کنید و در داخل تگ body تگ ها یا کد های مورد نظر را تایپ کنید در نهایت مجددا تغییرات را ذخیره کرده و خارج شوید . 

طراحی وبسایت

در انتها فایل را بوسیله مرورگر کروم ، فایرفاکس و یا هر مرورگر دیگری باز کرده و نتیجه را مشاهده کنید .

طراحی وب

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

ارسال دیدگاه

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

توسط
تومان