خانه آموزش برنامه نویسی آموزش اچ‌تی‌ام‌ال HTML Hello World

آموزش اچ‌تی‌ام‌ال HTML Hello World

1 زمان مورد نیاز برای خواندن
۰
0
35

در این بخش از آموزش HTML  چهارچوب اصلی و برخی از تگ (tag) ها توضیح داده می شود.

نمونه‌ی استاندارد چارچوب HTML :

<!DOCTYPE html> 
<html dir="rtl">
<head>
<title>قسمت اول Hello World</title>
</head>

<body>
<p>اولین متن نوشته شده</p>
</body>

</html>

توضیحات لازم:

در زمانی که نسخه ۵ از اچ‌تی‌ام‌ال درست شد برای اینکه موتورهای جست‌و‌جو و مرورگرها به راحتی تشخیص بدهند که چه نسخه ای هست در ابتدای کدها عبارت <!DOCTYPE html> رو اضافه می کرند برای همین به عنوان یک استاندارد شناخته شده لذا هنگام نوشتن کدنویسی ۵ html حتماً این عبارت رو یاد داشت کنید.

تگ اچ تی ام ال که با <html> آغاز و با </html> پایان می یابد. در واقع در کدنویسی HTML وقتی تگی رو به اتمام میرسونید و یا اینکه می خواهید ببندید / به اون باید اضافه کرد که به معنای خاتمه هست. در کدنویسی اچ تی ام ال تمام موارد بین تگ html باید باشد مانند نمونه بالا که مشاهده کردین.

عبارت dir=”rtl” در واقع این عبارت نشون میده که برای چه نوع نوشته ای ما کدنویسی رو انجام میدیم و dir کوتاه شده‌ی عبارت Direction هست به معنی جهت یا مسیر. و عبارت rtl کوتاه شده‌ی Right to Left هست یعنی نوع نوشته ما از راست به چپ هست و اگر از چپ به راست خواستید باشد ltr باید بنویسید که کوتاه شده‌ی Left to Right هست.

آموزش HTML

تگ <head> که داخل اون نام صفحه، متا تگ هایی برای سئو و لینک ها و آدرس های CSS و Java و JavaScript قرار می گیرند.

تگ <title> برای نام صفحه هست بنابراین وقتی می خواهید اسم و نام صفحه رو مشخص کنید داخل تگ <title> قرار می دهیم.

تگ <body> که تمام محتویاتی که قابل مشاهده برای کاربر/کلاینت هست ر این قسمت نوشته میشه و ازنظر من یکی از تگ های جالب هست!!

تگ <p> در واقع این نکته رو بای بدونید که تمام تگ های html بصورت مخفف استفاده میشن و اگر مقداری زبان انگلیسی بلد باشید خیلی سریع این زبان رو یاد میگیرید. تگ <p> مخفف عبارت Paragraph هست که به معنی پاراگراف می باشد و متن های پشت سر هم رو ر این تگ می نویسیم.

ابزارها: برای نوشتن زبان HTML بینهایت ابزار و ترفند و … وجود داره که بسته به انتخاب و سلیقه خودتون میتونید انتخاب کنید. بطور مثال چند ابزار از ساده تا حرفه ای رو معرفی می کنم:

  1. برنامه نوت پد ویندوز Note Pad
  2. برنامه نوت پد پلاس پلاس Note pad ++
  3. برنامه براکت Bracket
  4. برنامه اتم Atom

توجه : زمانی که از متون فارسی/عربی (rtl) استفاده می کنید حتماً بصورت Utf-8 ذخیره کنید تا قابلیت خوندن رو داشته باشه.

نوشته ها در نوت پد ویندوز :

آموزش HTML

آموزش HTML

این جلسه جلسه هم به پایان رسید امیدوارم استفاده کنید و هر سوالی دارید و یا موردی که به نپرتون باید اضافه بشه رو در کامنت/نظرات اعلام کنید.

مقالات مرتبط بیشتر را بارگیری کنید
بارگزاری مطالب دیگر Ansel
Load More In آموزش برنامه نویسی

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

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

هجده + 2 =

همچنین بررسی کنید

چگونه یک اپلیکیشن اندروید با Android Studio بسازیم ؟

در این آموزش اصول اولیه ساختن یک برنامه اندرویدی (اپلیکیشن اندروید) با استفاده از محیط توس…