-
سبد خرید شما خالی است!
نمایش منو
سبد خرید شما خالی است!
آشنایی با زبان HTML
برای اولین بار در سال 1991 زبان HTML توسط فیزیک دانی به نام Berners Lee بر روی اینرتنت قرار گرفت. زبان HTML مخفف عبارت HyperText Markup Language یا به فارسی زبان نشانه‌گذاری ابرمتنی می باشد. شما در فضای وب هر صفحه ای را که باز می نمایید توسط زبان HTML نوشته شده است و می توان گفت که زبان HTML سنگ بنای صفحات وب می باشد و می توان گفت که تمامی زبان های برنامه نویسی تحت وب به زبان HTML وابسته می باشند به عنوان مثال می توان به زبان برنامه نویسی PHP و JavaScripts اشاره نمود.
جالب است بدانید که صفحات نمایش داده شده بر روی مرورها تمام کدهای HTML می باشد و مرور گرها بدون توجه به زبان های PHP یا ASP تنها کدهای HTML را بر روی صفحه نمایش می دهند. کامپایلرهای زبان برنامه نویسی تمامی کدهای PHP و ASP را به کدهای HTML تبدیل کرده تا برای کاربر در صفحه نمایش داده شوند.
زبان HTML دارای تگ های زیادی می باشد که به مرور گر نشان می دهد که تگ های مورد استفاده مربوط به چه عنصری می باشند و باید چگونه نمایش داده شوند به همین دلیل زبان HTML با عنوان زبان نشانه گذاری نیز شناخنه می شود.
برای نوشتن کدهای HTML شما نیاز به برنامه خاصی ندارید. جالب است بدانید که حتی شما می توانید با وارد کردن کدهای HTML در Notepad و ذخیره فایل آن به با یکی از پسوندهای html یا htm می توانید کدهای نوشته شده خود را در مورگر خود مشاهده نمایید. اما توصیه ما به شما عزیران استفاده از برنامه هایی همچون dreamweaver , Visual Studio و ... برای راحتی کار و نمایش کدها می باشد.
HTML همان طور که گفته شد دارای مجموعه ای از تگ ها می باشد که از تگ ها برای توصیف صفحات وب استفاده می شود که می توان به این موارد اشاره نمود : تغییرات متنی مانند ضخیم کردن و کج کردن متن ها, لینک دهی به کلمات, محل قرار گیری عکس ها و سایز آنها و ... استفاده می شود.
با توجه به موارد گفته شده از زبان HTML برای طراحی و مشخص نمودن ساختار کلی سایت و صفحات وب استفاده می شود و وظیفه طراحی ظاهری صفحات وب سایت بر عهده CSS یا شیوه‌نامه‌های آبشاری می باشد.
در ادامه این مقاله آموزشی به آشنایی با برخی از تگ های زبان HTML می پردازیم:
فرمت اصلی: تمامی کدهای شما باید در فرمت اصلی زیر نوشته شود :
<!DOCTYPE html>
<html>
<body>
محل قرار گیری کدها
</body>
</html>
تگ Headings: با نوشتن این دستور می توانید نوشته خود را به صورت Heading1 نمایش دهید :
<h1>مارکت کد<h1>
تگ Bold: با نوشتن این دستور می توانید نوشته خود را به صورت Bold نمایش دهید:
<b>مارکت کد<b>
تگ پاراگراف: شما می توانید پاراگراف هاو نوشته های خود را درون این تگ قرار دهید :
<p>مارکت کد پایگاه علوم محاسباتی کشور<p>
تگ رنگ پس زمینه: بوسیله این تگ شما می توانید رنگ پس زمنه خود را به رنگ دلخواه تغییر دهید :
<body style="background-color:powderblue;">
تگ img: با این تگ شما می توانید با قرار دادن لینک عکس مورد نظر از عکس خود در نوشته خود استفاده نمایید :
<img src="url">
و بسیاری تگ های دیگر که شما می توانید برای طراحی صفحات وب از آن استفاده نمایید.
در صورتیکه علاقه مند به آشنایی با زبان HTML هستید مرجع کاملی به نام سایت www.w3schools.com وجود دارد که با استفاده از آن می توانید به فراگیری این زبان بپردازید .
هم چنین با کلیک بر روی عبارت HTML به صورت خودکار می توانید به سایت اشاره شده منتقل شوید .
در این مقاله آموزشی سعی بر آشنایی مقدماتی با زبان HTML شده است که امیدواریم برای شما مفید واقع شده باشد.
برای مطالعه مقالات بیشتر در مورد رشته مهندسی کامپیوتر می توانید با کلیک بر روی عنوان های زیر به مقاله مربوطه منتقل شوید :
- معرفی و آشنایی با زبان برنامه نویسی PHP
