آموزش html به زبان ساده

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

HTML برای مبتدیان : از امروز شروع به یادگیری HTML و CSS کنید.

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

ما به شما کمک خواهیم کرد تا در عرض چند دقیقه وب سایت جدید خود را بسازید، نه چند ساعت.

 

html چیست ؟

اچ تی ام ال یک زبان نشانه گذاری برای طراحی سایت می باشد .

یک سایت را باز کنید، کلیک راست بکنید و روی انتخاب view page source کلیک کنید. این کدهایی که می بینید اچ تی ام است که سایت پیش روی شما را می سازد.

  • HTML مخفف Hyper Text Markup Language به معنای زبان نشانه گذاری فرامتن  است
  • HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است
  • HTML ساختار یک صفحه وب را توصیف می کند
  • HTML از یک سری عناصر تشکیل شده است
  • عناصر HTML به مرورگر می گویند که چگونه محتوا را نمایش دهد
  • عناصر HTML به قطعاتی از محتوا مانند “این یک عنوان است”، “این یک پاراگراف است”، “این یک پیوند است” و غیره برچسب می زنند.
نمونه کدهای اچ تی ام ال
نمونه کدهای اچ تی ام ال – html از تگ یا برچسب تشکیل شده است

 

تاریخچه HTML

HTML اولین بار توسط تیم برنرز لی، رابرت کالیو و دیگران در سال 1989 ایجاد شد. مخفف عبارت Hyper Text Markup Language است.

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

زبان نشانه گذاری راهی است که کامپیوترها با یکدیگر صحبت می کنند تا نحوه پردازش و ارائه متن را کنترل کنند. برای انجام این کار HTML از دو چیز استفاده می کند: برچسب ها  tags  و ویژگی ها attributes.

Robert Cailliau
Robert Cailliau

برچسب ها و ویژگی ها چیست؟

تگ ها و ویژگی ها اساس HTML هستند.

آنها با هم کار می کنند اما عملکردهای متفاوتی را انجام می دهند – ارزش دارد 2 دقیقه برای تمایز این دو سرمایه گذاری کنید.

 

تگ های اچ تی ام ال HTML Tags  چیست؟

تگ ها برای علامت گذاری شروع یک عنصر HTML استفاده می شوند و معمولاً در براکت های زاویه ای قرار می گیرند. نمونه ای از تگ این است: <h1>.

بیشتر تگ ها باید <h1> باز شوند و </h1> بسته شوند تا کار کنند.

 

ویژگی های اچ تی ام ال HTML Attributes چیست؟

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

نمونه ای از یک ویژگی:

<img src=”mydog.jpg” alt=”عکسی از سگ من.”>

در این مثال، منبع تصویر (src) و متن جایگزین (alt) ویژگی‌های تگ <img> هستند.

قوانین طلایی که باید به خاطر بسپارید

اکثریت قریب به اتفاق برچسب‌ها باید باز شوند (<tag>) و بسته شوند (</tag>) و اطلاعات عنصر مانند عنوان یا متن بین برچسب‌ها قرار گیرد.
هنگام استفاده از چندین تگ، برچسب ها باید به ترتیبی که باز شده اند بسته شوند. مثلا:

<strong><em>این واقعاً مهم است!</em></strong>

برای html از برنامه های کد نویسی استفاده کنید.

 

هنگام نوشتن کد HTML از مایکروسافت ورد یا هر واژه پرداز دیگری استفاده نکنید، فقط یک ویرایشگر HTML یا حداقل، notepad  داخلی دستگاه شما برای این کار مناسب است.

ثانیا، اطمینان حاصل کنید که تعدادی مرورگر مختلف مانند کروم و فایرفاکس را نصب کرده اید تا بتوانید محصول آینده خود را پیش نمایش کنید.

ویرایشگر نت پد پلاس پلاس

 

ایجاد اولین صفحه وب HTML شما

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

از آنجا باید صفحه خود را با تگ های زیر چیدمان کنید.

ساخت پایه یک صفحه HTML
این تگ ها باید در بالای هر صفحه HTML که ایجاد می کنید زیر یکدیگر قرار گیرند.

<!DOCTYPE html> — این تگ زبانی را که در صفحه می نویسید مشخص می کند. در این مورد، زبان HTML 5 است.

<html> – این تگ نشان می دهد که از اینجا به بعد می خواهیم با کد HTML بنویسیم.

<head> – اینجا جایی است که تمام ابرداده‌های صفحه می‌روند – چیزهایی که عمدتاً برای موتورهای جستجو و سایر برنامه‌های کامپیوتری در نظر گرفته شده‌اند.

<body> – این جایی است که محتوای صفحه می رود.

 

HTML For Beginners The Easy Way: Start Learning HTML & CSS Today

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