آموزش زبان Html
اولین گام موجود برای ورود به دنیای برنامه نویسی همیشه حیاتی بوده و خواهد بود. توصیه های مختلفی در این باره وجود دارد اما از نظر من بهترین انتخاب برای شروع کار یادگیری زبان html است. این زبان علاوه بر سادگی بسیار جذاب و پرکاربرد بوده و یادگیری آن میتواند یک انتخاب عالی برای ورود به دنیای وب باشد, من معین باغشیخی در این مجموعه آموزشی از وبسایت لرن پارسی در خدمت شما هستیم تا آموزش زبان Html را به بهترین نحو ممکن به صورت کامل به شما عزیزان آموزش دهیم.
آموزش مقدمات HTML
HTML مخفف عبارت Language Markup Text Hyper می باشد که در واقع گسترده ترین زبان استفاده شده در صفحات وب می باشد. HTML توسط برنرز لی در اواخر سال ۱۹۹۱ ایجاد شد، اما ۰.۲ html اولین نوع استاندارد آن بود که در سال ۱۹۹۵ منتشر شد.۴.۰۱ HTML ورژن مهمی از HTML بود که در اواخر ۱۹۹۹ منتشر شد. اگرچه ۴.۰۱ HTML ورژنی(نسخه ای) است که به طور گسترده استفاده می شود، اما معمولا ۵ HTML را داریم که توسعه ی یافته ۴.۰۱ html است و در سال ۲۰۱۲ منتشر شد. این آموزش برای آشنا کردن طراحان و توسعه دهندگان وب با نیاز برای درک HTML با جزئیات کافی به همراه یک نظر کلی ساده و مثال های عملی، طراحی شده است. این آموزش به شما محتوای کافی برای شروع با HTML از جایی که می توانید تخصصی با سطح بالاتر داشته باشید، ارائه می دهد.
پیش نیازها
قبل از پیش رفتن با این آموزش شما باید یک دانش پایه برای کار با ویندوز و سیستم عملیاتی Lunix داشته باشید. علاوه بر این شما باید با موارد زیر آشنا باشید:
- تجربه کار با هر ویرایشگری مانند Notepad ++ ،Notepad و یا Editplus و غیره.
- چگونگی ایجاد مسیرها و فایل ها روی کامپیوتر خود.
- چگونگی مسیریابی از طریق مسیرهای مختلف.
- چگونگی تایپ کردن محتوا در یک فایل و ذخیره ی آنها روی کامپیوتر.
- درک تصاویر با فرمت های مختلف مانند JPEG و PNG.
مروری بر HTML
همانطور که در قبل اشاره کردیم HTML مخفف Language Markup Hypertext می باشد که گسترده ترین زبان مورد استفاده برای نوشتن صفحات وب است. HTML اشاره به روشی دارد که در آن صفحات وب (داکیومنت های HTML ) به هم لینک می شوند. بنابراین لینک موجود روی یک صفحه ی وب Hypertext نامیده می شود. همانطور که از اسم آن پیداست HTML یک language Markup ( زبان نشانه گذاری) می باشد، که بدین معناست که شما می توانید از HTML برای نشانه گذاری متن داکیومنت استفاده کنید با برچسب هایی که به مرورگر چگونگی ساخت آن را برای نمایش بیان می کنند. در واقع HTML به نیت تعریف ساختار داکیومنت هایی مانند تیترها، پاراگراف ها، لیست ها و غیره توسعه پیدا کرد تا اشتراک گذاری اطلاعات علمی بین محققان را آسان تر کند. اکنون HTML به طور گسترده ای مورد استفاده قرار می گیرد تا صفحات وب را به کمک برچسب های موجود در زبان HTML تنظیم کند
زنگ تفریح! (شاید برایتان جالب باشد که بدانید زبان html برای اولین بار توسط یک فیزیک دان برای ایجاد ارتباط تیمی با همکارانش ابداع شد و بعد ها به صورت مداوم به روز شد و اکنون در سال ۲۰۲۱ یکی از پایه های اصلی تمام صفحات وب دنیا می باشد )
داکیومنت پایه ی HTML
به ساده ترین شکل خود، در زیر مثالی را از یک داکیومنت (پرونده یا سند) HTML مشاهده می کنید :
<!DOCTYPE html> <html> <head> <title>This is document title</title> </head> <body> <h1> This is a heading </h1> <p>Document content goes here.....</p> </body> </html>
برای چک کردن نتیجه این کد HTML هم می توانید با استفاده از ویرایشگر مورد علاقه ی خود، آن را در یک فایل HTML و با نام index.html ذخیره کنید. در انتها آن را با استفاده از یک مرورگر مانند اینترنت اکسپلورریا گوگل کروم یا فایرفاکس و غیره باز کنید.
برچسب های HTML
همانطور که قبلا گفته شد HTML یک زبان نشانه گذاری است و برای طراحی محتوا از برچسب های مختلفی استفاده می کند. این برچسب ها در داخل علامت <> قرار گرفته اند، به این شکل < نام برچسب >.
به جز تعداد کمی از برچسب ها، بسیاری از آنها برچسب متناظر بستن را نیز دارند. به عنوان مثال<html> دارای برچسب بستن <html/> و <body> دارای برچسب بستن <body/> می باشند. مثال باال از داکیومنت HTML از برچسب های زیر استفاده می کند:
۱. <…DOCTYPE/>
این برچسب نوع داکیومنت و ورژن HTML را تعریف می کند.
۲. <html>
این برچسب داکیومنت کامل HTML را احاطه می کند و اساسا شامل تیتر داکیومنت می شود که توسط…</head> نمایش داده می شود و بدنه ی داکیومنت نیز به وسیله ی برچسب های <body>…</body> نمایش داده می شوند.
۳. <head>
این برچسب تیتر داکیومنتی (پرونده ای) را نشان می دهد که می تواند دیگر برچسب های HTML از مانند , <title> را در خود نگه دارد.
۴. <title>
برچسب <title> در داخل برچسب <head> استفاده می شود تا تیتر داکیومنت را ذکر کند
۵. <h1>
این برچسب تیتر را نمایش می دهد.
۶. <p>
این برچسب یک پاراگراف یا یک متن را نمایش می دهد.
برای یادگیری HTML لازم است برچسب های مختلفی را مطالعه کنید و درک کنید که در هنگام طراحی یک داکیومنت هر متن چگونه رفتار می کند. یادگیری HTML ساده است چرا که مفاهیم آن به سادگی قابل درک است و شما بدون نیاز به تحصیلات آکادمیک نیز به سادگی قادر به یادگیری آن خواهید بود.
وب سایت جهانی W3C که یکی از بهترین مرجع ها برای یادگیری و تمرین برنامه نویسی در جهان می باشد پیشنهاد می دهد که در شروع کار خود با زبان HTML برچسب ها را با حروف کوچک به کار ببرید و بنویسید. یعنی به جای نوشتن <HTML> از <html> استفاده کنید و برای مابقی تگ ها نیز به این روش عمل کنید.
خب این از اولین قسمت از آموزش زبان Html در وبسایت لرن پارسی. در این جلسه یاد گرفتیم که چطور میتوانیم یک سند پایه ی html را ایجاد کنیم و خروجی آن را در صفحه ی مرورگر خود در سیستم مشاهده نماییم. امیدوارم این جلسه ی آموزشی مورد توجه شما کاربران عزیز قرار گرفته باشد و تمام مفاهیم را به خوبی یاد گرفته باشید.
تا قسمت های بعدی دوره ی آموزشی زبان html بدرود.
دیدگاه ها