وبلاگ کاراوب

آموزش دیجیتال مارکتینگ، بازاریابی، سئو، طراحی سایت و...

  • فرشاد رجب زاده
  • 1399/6/11
  • 0 نظر

html چیست؟

کلمه html مخفف Hyper Text Markup Language میباشد. در لغت به معنی زبان نشان گذاری است. از زبان html در طراحی صفحات وب استفاده میشود در ادامه مقاله به بررسی بشتری این موضوع میپردازیم.

کاربرد html

html مانند اسکلت بندی یک ساختمان است! به تنهایی استایل و زیبایی خاصی ندارد اما پیکر بندی اصلی توسط اچ تی ام ای به وجود می آید. برای مثال میتوانید مشخص کنید وب سایت شما چند بخش (div) داشته باشد یا مثلا یک تکست باکس ایجاد کنید. برای استایل دهی به html از css استفاده میشود. 

html چیست

پیاده سازی تگ های html

زبان html از چندین تگ تشکیل میشود. به کمک این تگ ها شما میتوانید بخش های مختلفی را به وب سایتتان اضافه کنید. 

نمونه کد html

برای مثال شما برای قرار دادن یک تیتر در طراحی سایت نیاز دارید تا از تگ h1 استفاده کنید. تگ های html با علامت "/" بسته میشوند.

<h1/>این یک تیتر است<h1>

خروجی کد html بالا: این یک تیتر است

نمونه سند html

<DOCTYPE html!>
<"html lang="en>
 
<"meta charset="utf-8>
<title> page Title </title>
 
<body>
   <p> my first html document. </p>
   <p style="background:yellow;"> attribute for new style </p>
<body/>
 
<html/>

توضیحات کدها

تگ <DOCTYPE html!>  نشان‌دهنده‌ی این است که این فایل یک سند html5 است.

تگ <“html lang=”en> ریشه‌ی html است که باید  سایر تگ‌ها داخل این ریشه قرار بگیرند. یک attribute به نام lang مشخص کننده‌ی زبان این سند است.

تگ <meta> اطلاعات اضافه‌تری را برای این سند html به همراه دارد.

تگ <title> عنوان اصلی صفحه را مشخص می کند. زمانی که کد را اجرا می‌کنید این عنوان در تب بالای مرورگر قابل رو‌‌ئیت است. در تصویر بالا نیز عبارت page title از طریق همین تگ در تب درج شده است.

<body> همان تگی است که هر چیزی داخل آن قرار بگیرد در صفحه‌ی وب قابل نمایش است.

در تگ <p> یک Attribute به نام style قرار داده شده است که به وسیله‌ی آن برای این تگ رنگ پس‌زمینه تنظیم کرده‌ایم.

ثبت نام
برای ارسال نظر، باید در وب سایت ثبت نام کنید
0 نظر