Card image cap

با عرض سلام خدمت کاربران سایت 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

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

لینک منبع


دیگرقسمت ها

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


منبع : کد تاک


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

برچسب ها : , , , , , , , , , , ,

download num link MB
source name link
other sections name link

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Developed by GrangerDev TEAM