نخستین پرسش؛ HTML چیست؟
 

نخستین پرسش؛ HTML چیست؟

HTML یک زبان نشانه گذاری برای توصیف اسناد وب (صفحات وب) است.
جمعه، 02 مهر 1400 | Article Rating
  • HTML مخفف عبارت Hyper Text Markup Language و به معنای "زبان نشانه گذاری فرا متن" است.
  • HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است.
  • HTML ساختار یک صفحه وب را توصیف می کند.
  • HTML درون خود از یک سری عناصر یا تگ استفاده می‌کند.
  • عناصر HTML به مرورگر نحوه نمایش محتوا را توضیح می‌دهند.
  • عناصر HTML برچسب‌ها یا تگ‌هایی از محتوا هستند که برای مثال می‌توان به تگ‌های عنوان، تگ پاراگراف، تگ تصویر، تگ پیوند و... اشاره کرد.
  • </>

    نمونه کد HTML برای یادگیری این درس آموزشی:

    <!DOCTYPE html>
    <html>
    <head>
    <title>عنوان صفحه</title>
    </head>
    <body>

    <h1>نمونه عنوان یک صفحه وب</h1>
    <p>نمونه پاراگراف در یک صفحه وب.</p>

    </body>
    </html>
    کد HTML را آزمایش کنید

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

توضیح مثال HTML بالا:

  • نخستین عنصر یک سند HTML تگ اعلان <! DOCTYPE html> است که برای مرورگر تعریف می‌کند که این سند، یک سند HTML5 است.
  • عنصر <html> تگ ریشه و آغاز کننده یک صفحه HTML است.
  • عنصر <head> تگ سربرگ یک صفحه HTML است که حاوی اطلاعاتی از نوع متا Meta Tags در مورد صفحه HTML است.
  • عنصر <title> تگ عنوان صفحه است که عنوانی را برای صفحه HTML مشخص می‌کند که در نوار عنوان مرورگر یا در برگه صفحه نشان داده می‌شود.
  • عنصر <body> تگ بدنه سند HTML را مشخص می‌کند و فضایی برای درج همه محتویات قابل مشاهده صفحه مانند سرفصل‌ها، پاراگراف‌ها، تصاویر، لینک‌ها، جداول، لیست‌ها و غیره می‌باشد.
  • عنصر <h1> تگ سرفصل یا عنوان بزرگ و اصلی است که عنوان صفحه HTML را تعریف می‌کند.
  • عنصر <p> تگ پاراگراف است که یک پاراگراف را در صفحه HTML تعریف می‌کند.

عنصر HTML چیست؟

یک عنصر HTML با تگ شروع ، مقداری محتوا و تگ پایان تعریف می شود:

<tagname> متن اینجا نوشته می‌شود... </tagname>

عنصر HTML همه چیز از برچسب شروع تا تگ پایان است:

<h1> نمونه عنوان یک صفحه وب </h1>

<p> نمونه پاراگراف در یک صفحه وب. </p>


کد نویسی از چپ به راست به ترتیب:

تگ آغاز محتوای درون عنصر (تگ) تگ پایان
<h1> نمونه عنوان یک صفحه وب </h1>
<p> نمونه پاراگراف در یک صفحه وب. </p>
<br> ندارد ندارد

توجه:

برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). این عناصر را عناصر خالی یا تنها می‌نامند. عناصر خالی یا تنها، تگ پایان ندارند!

مرورگرهای وب

مرورگر‌های وب متنوعی وجود دارد. مرورگرهای Chrome ،Edge ،Firefox ،Safari و... که هدف آن‌ها خواندن اسناد HTML و نمایش صحیح آن‌ها است.

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

نمایی از مرورگر وب برای نمایش یک صفحه HTML

ساختار صفحات HTML

در زیر تصویری از ساختار صفحات HTML مشاهده می نمایید:

<html>
<head>
<title>عنوان صفحه در مرورگر</title>
</head>
<body>
<h1>این یک عنوان از نوع درجه یک است</h1>
<p>این یک پاراگراف است.</p>
<p>این یک پاراگراف دیگر است.</p>
</body>
</html>

توجه:

فقط فضای داخل تگ (کادر سفید رنگ در تصویر بالا) در مرورگر به کاربر نمایش داده می‌شود و آن هم شامل محتوای داخل عناصر و تگ‌های آن می‌باشد و نه خود تگ‌ها.

تاریخچه HTML

از نخستین روزهای ایجاد و آغاز فعالیت شبکه جهانی وب (اینترنت)، نسخه‌های متعددی از HTML منتشر شده است که در جدول زیر مشاهده می‌فرمایید:

سال نسخه (ورژن)
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 W3C Recommendation: HTML5.1 2nd Edition
2017 W3C Recommendation: HTML5.2


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

در صورتی که مایل به معرفی خدمات طراحی سایت ما به دوستان خود هستید لطفا این صفحه را برای ایشان به اشتراک بگذارید. همچنین می‌توانید اطلاعات بیشتری درباره خدمات ما در زمینه طراحی سایت فروشگاهی همچون طراحی سایت عطر، طراحی سایت شخصی، طراحی سایت شرکتی، طراحی سایت سازمانی با ورود به این صفحات به دست آورید. این که وب سایت مورد نظر شما از چه نوعی باشد را به ما بسپارید. بسته به امکانات و نیاز شما بهترین را برای شما انتخاب می‌کنیم. چه از نوع طراحی سایت با دی ان ان DNN (دات نت نیوک) باشد و چه از نوع طراحی سایت با وردپرس Wordpress می‌توانید از طریق صفحات مربوط به آن اطلاعات بیشتری کسب کرده و همه خدمات خود را از میزبانی وب و خرید هاست گرفته تا طراحی اپلیکیشن موبایل و آموزش طراحی سایت و سئو سایت SEO، آن را با خیال راحت به ما بسپارید. نکته قابل توجه این است که ما با هدف افزایش درآمد و رساندن شما به اهدافی که مد نظر دارید این کار را انجام می‌دهیم و این موضوع بسیار متفاوت است با این که بخواهید فقط یک سایت داشته باشید! چون هر طراحی سایتی شما را به اهداف‌تان نمی‌رساند. تخصص ما تجارت الکترونیک و راه اندازی کسب و کار آنلاین است و طراحی سایت تنها بخشی از این خدمات محسوب می‌شود. عکاسی 360 درجه از محصول و طراحی سیستم اختصاصی یکپارچه ERP و راهبری و چگونگی انجام کار برای رسیدن به درآمد آنلاین چیزی است که بسیاری از طراحان سایت نمی‌دانند. این در حالی است که هدف ما از طراحی سایت تمرکز روی به نتیجه رسیدن اهداف شما است نه طراحی سایت! کارگزار خدمات فناوری اطلاعات خود را به درستی و با دقت انتخاب کنید.

پرسش و پاسخ‌های متداول
HTML مخفف عبارت Hyper Text Markup Language و به معنای "زبان نشانه گذاری فرا متن" است. HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است. HTML ساختار یک صفحه وب را توصیف می کند. HTML درون خود از یک سری عناصر یا تگ استفاده می‌کند. عناصر HTML به مرورگر نحوه نمایش محتوا را توضیح می‌دهند.
تصاویر
ثبت امتیاز
اشتراک گذاری
نظر جدید

تصویر امنیتی
کد امنیتی را وارد نمایید:

این صفحه را به دوستان خود معرفی کنید

با به اشتراک گذاری این صفحه، یک فرصت خوب به دوستان خود هدیه می‌دهید