در حال بارگذاری...
در حال بارگذاری...
هر وب سایتی شامل چندین صفحه مختلف HTML است. به عنوان مثال، یک صفحه اصلی، یک صفحه درباره، و یک صفحه تماس، همگی دارای فایل های HTML جداگانه هستند.
اسناد HTML فایل هایی هستند که با پسوند html یا .htm ختم می شوند. یک مرورگر وب فایل HTML را می خواند و محتوای آن را ارائه می دهد تا کاربران اینترنت بتوانند آن را مشاهده کنند.
همه صفحات HTML دارای یک سری عناصر HTML هستند که از مجموعه ای از برچسب ها و ویژگی ها تشکیل شده است. عناصر HTML بلوک های سازنده یک صفحه وب هستند. یک تگ به مرورگر وب می گوید که یک عنصر از کجا شروع و پایان می یابد، در حالی که یک attribute ویژگی های یک عنصر را توصیف می کند.
سه بخش اصلی یک عنصر عبارتند از:
<p>content</p>یکی دیگر از بخش های حیاتی یک عنصر HTML ویژگی آن است که دارای دو بخش است - نام و مقدار ویژگی. نام اطلاعات اضافی را مشخص می کند که کاربر می خواهد اضافه کند، در حالی که مقدار ویژگی مشخصات بیشتری را ارائه می دهد.
به عنوان مثال، یک عنصر سبک که رنگ بنفش و وردنا خانواده فونت را اضافه می کند، به این صورت خواهد بود:
<p style="color:purple;font-family:verdana">This is how you add a paragraph in HTML.</p>ویژگی دیگر، کلاس HTML، برای توسعه و برنامه نویسی بسیار مهم است. ویژگی class اطلاعات سبکی را اضافه می کند که می تواند روی عناصر مختلف با مقدار کلاس یکسان کار کند.
<html>
<head>
<style>
.important {
background-color: blue;
color: white;
border: 2px solid black;
margin: 2px;
padding: 2px;
}
</style>
</head>
<body>
<h1 class="important">This is a heading</h1>
<p class="important">This is a paragraph.</p>
</body>
</html>اکثر عناصر دارای یک تگ باز و بسته هستند، اما برخی از عناصر برای کار نیازی به برچسب بسته شدن ندارند، مانند عناصر خالی. این عناصر از تگ پایان استفاده نمی کنند زیرا محتوا ندارند:
<img src="/" alt="Image">در نهایت، هر سند HTML باید با یک اعلان <!DOCTYPE> شروع شود تا به مرورگر وب در مورد نوع سند اطلاع دهد. با HTML5، اعلان عمومی HTML doctype خواهد بود:
<!DOCTYPE >در حال حاضر 142 تگ HTML موجود است که امکان ایجاد عناصر مختلف را فراهم می کند. حتی اگر مرورگرهای مدرن دیگر برخی از این برچسب ها را پشتیبانی نمی کنند، یادگیری تمام عناصر مختلف موجود هنوز مفید است.
عناصر سطح بلوک
یک عنصر در سطح بلوک کل عرض یک صفحه را اشغال می کند. همیشه یک خط جدید در سند شروع می شود. به عنوان مثال، یک عنصر عنوان در یک خط جداگانه از یک عنصر پاراگراف قرار دارد.
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>یک عنصر درون خطی، محتوای درونی عناصر سطح بلوک، مانند افزودن پیوندها و رشته های تاکید شده را قالب بندی می کند. عناصر درون خطی معمولاً برای قالب بندی متن بدون شکستن جریان محتوا استفاده می شوند.
اولین نسخه HTML شامل 18 تگ بود. از آن زمان، هر نسخه جدید با برچسب‌ها و ویژگی‌های جدیدی به نشانه‌گذاری اضافه می‌شد. مهم ترین ارتقای زبان تاکنون، معرفی HTML5 در سال 2014 بود.
تفاوت اصلی بین HTML و HTML5 این است که HTML5 از انواع جدیدی از کنترل های فرم پشتیبانی می کند. HTML5 همچنین چندین تگ معنایی را معرفی کرد که به وضوح محتوا را توصیف می کند، مانند: article, header و ...
درست مانند هر زبان کامپیوتر دیگری، HTML نیز نقاط قوت و محدودیت های خود را دارد. در اینجا مزایا و معایب HTML آورده شده است:
مزایا:
مبتدی دوستانه: HTML دارای نشانه گذاری تمیز و ثابت و همچنین منحنی یادگیری کم عمق است.
حمایت کردن: این زبان به طور گسترده مورد استفاده قرار می گیرد و منابع زیادی در آن وجود دارد و جامعه بزرگی پشت آن قرار دارد.
در دسترس: منبع باز و کاملا رایگان است. HTML به صورت بومی در تمام مرورگرهای وب اجرا می شود.
قابل انعطاف: HTML به راحتی با زبان های پشتیبان مانند PHP و Node.js قابل ادغام است.
معایب:
استاتیک: این زبان در درجه اول برای وب سایت های ثابت استفاده می شود. برای عملکرد پویا، ممکن است نیاز به استفاده از جاوا اسکریپت یا یک زبان پشتیبان مانند PHP داشته باشید.
سازگاری با مرورگر: برخی از مرورگرها ویژگی های جدید را به آرامی اتخاذ می کنند. گاهی اوقات مرورگرهای قدیمی همیشه تگ های جدیدتر را ارائه نمی کنند.
HTML برای افزودن عناصر متنی و ایجاد ساختار محتوا استفاده می شود. با این حال، ساخت یک وب سایت حرفه ای و کاملا واکنش گرا کافی نیست. بنابراین، HTML برای ایجاد اکثریت قریب به اتفاق محتوای وب‌سایت به کمک (CSS) و جاوا اسکریپت نیاز دارد.
CSS مسئول استایل‌هایی مانند پس‌زمینه، رنگ‌ها، چیدمان‌ها، فاصله‌ها و انیمیشن‌ها است. از سوی دیگر، جاوا اسکریپت قابلیت های پویا مانند لغزنده، پاپ آپ و گالری عکس را اضافه می کند. این سه زبان اصول اولیه توسعه front-end هستند.
یادگیری در مورد HTML اولین قدم عالی برای کسانی است که به توسعه وب علاقه مند هستند.
دوره های زیادی برای یادگیری کدنویسی به صورت آنلاین موجود است، اما ما سه مورد از بهترین پایگاه داده های آموزشی برای HTML را فهرست کرده ایم:
HTML زبان نشانه گذاری اولیه است که در اینترنت یافت می شود. هر صفحه HTML دارای یک سری عناصر است که ساختار محتوای یک صفحه وب یا برنامه را ایجاد می کند.
HTML یک زبان مبتدی با پشتیبانی فراوان است و عمدتاً برای صفحات وب سایت استاتیک استفاده می شود. HTML با CSS برای یک ظاهر طراحی و جاوا اسکریپت برای عملکرد بهترین کار را دارد. می توانید نحوه پیوند CSS و HTML را در وبلاگ ما بررسی کنید.