با عرض سلام خدمت کاربران سایت codetalk 

در این بخش قرار است به آموزش مباحث html5 بپردازیم. قبل از شروع لازم است با برخی از مفاهیم آشنا شویم:

  • html مخفف Hyper Text Markup Language (زبان نشانه گذاری ابرمتن) می باشد .
  • html ساختار صفحات وب را با استفاده از نشانه گذاری توصیف میکند .
  • عناصر html با استفاده از تگ ها نمایش داده میشوند.
  • تگ های html بخش هایی از صفحه مانند “عنوان” ، “پاراگراف” ، “جدول” و … را نشانه گذاری میکنند.
  • مرورگرها تگ های html را نمایش نمی دهند ، بلکه برای ساختن محتوای صفحه از آن ها استفاده میکنند.

تگ های html :
تگ های html  ، نام عناصری است که بین  < > قرار گرفته است و به شکل زیر نمایش داده می شود :

که<tagname> ، تگ باز و <tagname/>  تگ بسته می باشد  و محتوایی که میخواهیم نمایش داده شود ، باید بین این دو تگ قرار گیرد . تگ بسته شبیه تگ باز نوشته می شود با این تفاوت که قبل از نام تگ از علامت / استفاده میکنیم.

تگ های html  معمولا به صورت دوتایی نمایش داده می شوند ، مثل تگ <p> </p> .  ولی برخی تگ ها مثل <br> نیازی به تگ بسته ندارند و به صورت تکی نمایش داده می شوند .

در قسمت های بعد با تگ ها بیشتر آشنا می شویم.

ساختار ساده  یک سند html :

ساختار ساده یک  سند  html  به صورت زیر می باشد :

<DOCTYPE html!> : نشان دهنده ی نوع سند است و به مرورگر کمک میکند تا صفحات وب را  به درستی نمایش دهد و  فقط باید یک بار  و قبل از همه ی تگ ها (بالای صفحه)  نوشته شود. نحوه ی تعریف آن در html 5  به صورت زیر است :

<html> : این تگ ،عنصر ریشه ی یک سند  html  است .

<head> : درون این تگ ، اطلاعاتی در مورد سند html قرار میگیرد.

<title> : این تگ ، درون تگ <head> قرار میگیرد و عنوان سند را مشخص میکند .

<body> : محتوایی را که میخواهیم در صفحه نشان دهیم ، درون این تگ قرار میدهیم.

<h1> : این تگ نوشته را پررنگ کرده و آن را به صورت تیتر یا عنوان نشان میدهد.

<p> : با استفاده از این تگ میتوان یک پاراگراف ایجاد کرد.

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

page-structure

منبع مورد استفاده در این آموزش

لینک منبع


دیگرقسمت ها

قسمت دوم
قسمت سوم


منبع : کد تاک


نویسنده : میثم شمس