آموزش HTML | ساختار یک صفحه یا سند HTML
آموزش طراحی یک وب سایت ساده با HTML و CSS
20 مهر 1400
آموزش HTML | ساخت اولین صفحه وب و چاپ Hello World
21 مهر 1400
آموزش طراحی یک وب سایت ساده با HTML و CSS – قسمت اول. در پست اول این دوره توضیحاتی در مورد دوره مقدماتی HTML و CSS دادیم. و گفتیم که این دوره به شما کمک می کند همه چیز را در مورد اصول اولیه HTML و CSS که برای شروع توسعه وب نیاز دارید را بیاموزید. در این قسمت که قسمت اول این دوره می باشد در مورد ساختار یک صفحه یا سند HTML و تگ ها در HTML صحبت خواهیم کرد. با ما همراه باشید.
HTML یک زبان نشانه گذاری است که توسط مرورگر برای مدیریت متن، تصاویر و سایر محتوا برای نمایش آن در قالب مورد نیاز استفاده می شود. به عبارت دیگر عناصر HTML نحوه نمایش محتوا را به مرورگر می گویند.
تگ ها در HTML: تگ ها یا برچسب ها یکی از مهمترین بخش های ساختار یک صفحه یا سند HTML هستند. یک تگ به مرورگر می گوید که ساختار و فرمت یک صفحه وب و محتوای آن چگونه است. برای مثال، برای ایجاد یک پاراگراف، باید از تگ های پاراگراف (<p> </p>) و برای درج تصویر از تگ (<img/>) استفاده کنید.
به طور کلی دو نوع تگ در HTML وجود دارد:
- تگ های زوج (Paired Tags): این تگ ها به صورت جفت هستند. یعنی آنها هر دو تگ باز (<>) و بسته (</>) دارند.
- تگ های خالی (Empty Tags): این تگ ها تگ بسته (</>) ندارند.
در زیر نمونه ای از تگ (<b>) در HTML آمده است که به مرورگر می گوید که متن داخل آن را توپر یا برجسته (bold) کند.
<b>TejariApp</b>
ساختار یک صفحه یا سند HTML
یک سند HTML عمدتا به دو قسمت تقسیم می شود:
- HEAD: این قسمت شامل اطلاعات مربوط به صفحه HTML است. به عنوان مثال، عنوان صفحه، نسخه HTML، فراداده یا metadata و غیره.
- BODY: این قسمت شامل همه چیزهایی است که می خواهید در صفحه وب نمایش داده شود.
اکنون اجازه دهید نگاهی به ساختار اصلی سند HTML بیندازیم. این کدی است که برای هر صفحه وب ضروری می باشد:
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
ساختار صفحه HTML را در بالا مشاهده می کنید. هر صفحه وب باید حاوی این کد باشد. هر یک از تگ های مورد استفاده در قطعه کد HTML را در ادامه توضیح می دهیم:
<! DOCTYPE html>: این تگ مشخص کننده نسخه HTML است. <! DOCTYPE html> در حال حاضر نشان می دهد که HTML نسخه ۵ است.
<html>: این تگ ریشه HTML است. تگ html تمام کدها را می پوشاند یا در بر می گیرد.
<head>: تگ Head شامل فراداده یا metadata، عنوان، لینک به فایل های CSS و غیره است. همه عناصر HTML قابل استفاده در تگ <head> عبارتند از:
- <style>
- <title>
- <base>
- <noscript>
- <script>
- <meta>
<body>: بالاتر گفته شد، همه چیزهایی که می خواهید در صفحه وب نمایش داده شود در تگ body قرار می گیرد. یا به عبارت دیگر تمام محتویات یک صفحه یا سند HTML، مانند متن، لینک ها، تصاویر، جداول، فرم ها، لیست ها و غیره در تگ بدنه یا body قرار می گیرند.
کلمات کلیدی: آموزش HTML,ساختار یک صفحه HTML,ساختار یک سند HTML
