آموزش HTML - قسمت اول (شروع کار و عناصر پایه ای)

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

اچ تی ام ال HTML چیست؟

اچ تی ام ال بترتیب سرنام واژگان Hyper Text Markup Language بحساب می آید. (زبان علامت گذاری ابر متن). HTML یک زبان برنامه نویسی نیست بلکه زبان علامت گذاری است. یک زبان علامت گذاری مجموعه ای از تگ ها می باشد. HTML از تگ ها برای توصیف صفحات وب استفاده می کند.

تگ ها در HTML

• تگ های HTML، کلید واژه هایی هستند که داخل علامت کوچکتر بزرگتر هستند. مثل <HTML>
• تگ های HTML معمولا به صورت جفت می آیند.
• تگ اول همان تگ شروع می باشد و تگ دوم نیز همان تگ پایان است.
• تگ های شروع و پایان، تگ باز و بسته نیز نامیده می شود.

سند HTML = صفحات وب

• سندهای HTML صفحات وب را توصیف می کنند.
• سندهای HTML شامل تگ های HTML و متن ساده می باشد.
• سندهای HTML صفحات وب نیز نامیده می شود.

هدف یک مرورگر وب (مانند internet explorer یا firefox) این است که سندهای HTML را خوانده و آنها را به صورت صفحات وب نمایش دهد. مرورگر، تگ های HTML را نمایش نمی دهد، اما از تگ های HTML استفاده می کند تا محتوای صفحه را تفسیر کند.

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

* برای اجرای آنلاین کد های html کلیک کنید *

توضیح مثال:

• متن بین <html> و <html/> صفحه وب را توضیح می دهد.
• متن بین <body> و <body/> محتوای قابل نمایش صفحه است.
• متن بین <h1> و <h1/> برای نمایش یک عنوان استفاده می شود.
• متن بین <p> و <p/> برای نمایش یک پاراگراف استفاده می شود.

شروع کار با HTML

نگارش HTML

کد های HTML می تواند توسط ویرایشگرهای مختلفی مثل Dreamweaver و Visual Studio نگارش و ویرایش شود.

اما در این آموزشی که برای شما دوستان عزیز ترتیب دیده ایم به ویرایشگر ساده متنی (مثل Notepad) برای نگارش HTML نیاز داریم. ما بر این عقیده ایم که استفاده از یک ویرایشگر ساده متنی بهترین راه برای یادگیری HTML است.

ما به شما پیشنهاد می کنیم که هر چه را که از این سایت آموختید با ویرایش فایل وب خود به وسیله یک ویرایشگر متن (مثل Notepad) تجربه کنید.

توجه: اگر وب آزمایشی شما حاوی تگ های HTML است که آنها را نیاموخته اید ناراحت نشوید. شما در ادامه آموزش همه چیز را در این مورد خواهید آموخت.

پسوند HTM یا HTML

هنگامی که یک فایل HTML را ذخیره می کنید، می توانید از پسوند html یا htm استفاده کنید. تفاوتی نمی کند، این بستگی به شما دارد.

عناصر پایه ای در HTML

از اینکه احیاناً در مثال ها از تگ هایی که شما نیاموخته اید استفاده می شود نگران نباشید. در ادامه آموزش آنها را خواهید آموخت.

عنوان ها (Heading)

 عنوان ها در HTML به وسیله تگ های <h1> تا <h6> تعریف می شوند.

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

پاراگراف (Paragraph)

پارگراف ها در HTML به وسیله تگ <p> تعریف می شوند.

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

لینک ها (Link)

لینک ها در HTML به وسیله تگ <a> تعریف می شود.

<a href="https://w3schools.com">This is a link</a>

توجه: آدرس لینک، در خصوصیت href مشخص می شود.

(در ادامه راجع به خصوصیت های عناصر، بیشتر خواهید آموخت.)

تصاویر (Image)

تصاویر در HTML به وسیله تگ <img> تعریف می شود.

<img src="/w3schools_logo.png" width="104" height="142" alt="w3schools.com" />

توجه: نام و سایز عکس به وسیله خصوصیت ها مشخص می شود.

ممنون که تا پایان “آموزش HTML - قسمت اول (شروع کار و عناصر پایه ای)” همراه ما بودید.

منابع: www.w3schools.com