قسمت دوم آموزش زبان HTML، در ادامه ی مطلب با ما همراه باشید.


 

HTML مخفف عبارت yperText Markup LanguageHاست و برای نوشتن صفحات وب به طور گسترده ای مورد استفاده قرار می گیرد.

 

Hypertext (ابرمتن) به شیوه ای که صفحات وب (اسناد HTML) با هم مرتبط می شوند اشاره دارد. بنابراین لینک موجود در یک صفحه وب Hypertext نامیده می شود.

 

همانطور که از نام HTML (زبان نشانه گذاری ابرمتن) پیداست، این یک زبان برای نشانه گذاری صفحات وبسایتهاست که به سادگی با استفاده از برچسبها یا تگها یک صفحه وب را نشانه گذاری میکنیم.

 

در اصل، HTML با هدف تعریف کردن قسمتهای مختلف ساختار اسناد مانند: عنوانها، پاراگرافها، لیستها و غیره برای آسان کردن اشتراک علمی بین محققان توسعه یافت.

 

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

 

اصول پایه ای سند HTML

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

<DOCTYPE html!>

<html>

<head>

  <title>این یک عنوان برای سند اچ تی ام ال است</title>

<head/>

<body>

  <h1>این یک موضوع است</h1>

  <p>محتوای متنی یا همان پاراگراف برای موضوع شما در اینجا قرار میگیرد</p>

<body/>

<html/>

نتیجه ی کدهای بالا در یک صفحه وب به شکل زیر خواهد بود:

این یک موضوع است

محتوای متنی یا همان پاراگراف برای موضوع شما در اینجا قرار میگیرد

 

تگهای اچ تی ام ال | HTML Tags

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

تگ <html> یک تگه بسته دارد که به شکل </html> نوشته میشود، و همینطور تگ <body> که تگ بسته آن به صورت </body> نوشته میشود و...

 

حالا میپردازیم به شرح و بررسی اولین سند ساده HTML که بالاتر برای شما توضیح دادیم:

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

تگها و توضیحات

ردیف

<!DOCTYPE...>

این تگ نوع سند و نسخه HTML را مشخص می کند.

1

<html>

این تگ متن کامل سند HTML ما را شامل میشود وا عمدتا دارای دو قسمت، یعنی هدر و بدنه سند میشود.

قسمت هدر در بین تگ <head>....</head> قرار میگیرد.

قسمت بدنه یا کلی سند ما در بین <body>....</body> قرار میگیرد.

2

<head>

این برچسب نشان دهنده هدر سند است که خودش می تواند شامل سایر تگ های HTML مانند <title>, <link> و... شود.

3

<title>

برچسب <title> در داخل تگ <head> برای ذکر عنوان سند استفاده می شود.

4

<body>

این برچسب نشان دهنده بدنه سند است که سایر تگ های HTML مانند <h1>، <div>، <p> و غیره را نگه می دارد.

5

<h1>

این برچسب نشان دهنده عنوان یا موضوع است.

6

<p>

این تگ یک پاراگراف را نشان می دهد.

7

 

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

 

کنسرسیوم جهانی وب (W3C) توصیه می کند از حروف کوچک در HTML 4 استفاده کنید.

 

ساختار سند HTML

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

<html>

  

   <head>

      Document header related tags

   <head/>

  

   <body>

      Document body related tags

   <body/>

  

<html/>

 

اگر تا کنون کمی گیج شده اید نگران نباشید ما تمامی تگها را برای شما توضیح خواهیم داد اما اگر اکنون هم سوالی برایتان پیش آمده است از بخش نظرات همین مطلب سوال خود را بیان فرمایید.

 

ابتدا از تگ اعلان HTML آغاز میکنیم و سپس در جلسات بعد به تگهای بعدی خواهیم پرداخت.

 

اعلامیه <DOCTYPE!>

اعلامیه <!DOCTYPE> به مرورگر وب میفهماند که ما از کدام نسخه ی HTML استفاده میکنیم در جلسه قبلی از نسخه  های مختلف کلی HTML سخن گفتیم. گفتیم که آخرین نسخه زبان HTML، HTML5 میباشد و از اعلامیه زیر برای اینکه به مرورگر بفهمانیم نسخه زبان نشانه گذاری ما HTML5 است استفاده میکنیم.

<DOCTYPE html!>

 

انواع دیگری از اعلانهای HTML وجود دارد که میتواند در سند HTML براساس نسخه ای که از این زبان نوشته شده است مورد استفاده قرار گیرید. جزئیات بیشتر را در این مورد به شما خواهیم گفت.

ورود به قسمت اول

 


برچسب ها

JS | Javascript | زبان جاوا اسکریپت | برنامه نویسی | طراحی سایت و وبلاگ | آموزش طراحی وب | CSS | سی اس اس |
آخرین به روزرسانی این مطلب:

2018-12-27T21:51:18


پربازدیدترین

از اینجا می توانیدمحبوب ترین مطالب را مشاهده کنید