زبان HTML و آشنایی با ساختار دستورات آن

0 32

مخفف عبارت Markup Language Hypertext است و زبانی است که برای آموزش طراحی سایت ، به طور گسترده ای مورد استفاده قرار می گیرد.

  • Hypertext  به شیوه ای که صفحات وب (اسناد HTML یا HTML document ) با هم مرتبط می شوند اشاره دارد. بنابراین لینک موجود در یک صفحه وب Hypertext نامیده می شود.
  • همانطور که نام آن نشان می دهد، HTML  یک زبان نشانه گذاری (Markup Language) است. این به معنی است که شما با استفاده از HTML به سادگی، یک سند متنی (text document) را با برچسب هایی که tag نامیده می شوند،  “نشانه گذاری” یا “mark-up” می کنید .و بدین ترتیب، چگونگی نمایش آن صفحه را برای مرورگر وب توصیف می کنید.

در اصل، HTML با هدف تعریف ساختار اسناد (document) مانند: عنوان ها (heading) ، پاراگراف ها (paragraph)، لیست ها(list) و غیره برای تسهیلِ اشتراکِ اطلاعاتِ علمی بین محققان توسعه یافت.

در حال حاضر، HTML  به طور گسترده ای، برای قالب بندی (format) صفحات وب با کمک تگ های مختلفی که در این زبان موجود است، مورد استفاده قرار می گیرد.

سند پایه ی HTML (Basic HTML Document)

در ساده ترین شکل، مثال زیر، یک سند HTML را نشان می دهد :



   <head>

      <title>This is document title</title>

   </head>

           

   <body>

      <h1>This is a heading</h1>

      <p>Document content goes here.....</p>

   </body>

برای چک کردن کد بالا ابتدا یک ویرایشگر انتخاب نمایید مانند Notpad و قطعه کد بالا را درون آن کپی کنید .

و در مرحله ی بعد با نام دلخواه و با فرمت html آن را ذخیره نمایید.

و در انتها خروجی را مشاهده نمایید :

This is a heading

Document content goes here…..

برچسب های HTML

همانطور که قبلا گفته شد، HTML یک زبان نشانه گذاری (markup language) است و از تگ های مختلفی برای قالب بندی صفحات استفاده می کند.

این تگ ها در داخل علامت <> قرار دارند بدین شکل <Tag Name> .

به جز چند برچسب (tag)، بسیاری از برچسب ها دارای برچسب هایِ متناظرِ بستن هستند. به عنوان مثال، <html> دارای تگ بسته < html/>  است و برچسب <body> دارای تگ بسته ی </body>  می باشد.

مثال فوق از سند HTML از برچسب های زیر استفاده می کند.

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

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

کنسرسیوم جهانی وب یا w3c (World Wide Web Consortium) توصیه می کند از برچسب ها با حروف کوچک در HTML  استفاده کنید.

 

ساختار سند HTML

یک سند HTML معمولی ساختار زیر را دارد:

<head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   

جهت دریافت فیلم های آموزشی مرتبط به آموزش ساخت سایت می توانید از لینک زیر استفاده نمایید : آموزش ساخت سایت

ارسال یک پاسخ

توجه داشته باشید: آدرس ایمیل شما منتشر نخواهد شد.

نظر شما پس از تایید مدیر منتشر خواهد شد.