آموزش HTML – قسمت اول
آنچه در این مقاله میخوانید
ToggleHTML (اچ تی ام ال) یک زبان استاندارد برای ساختن صفحههای وب است.
HTML چیست؟
- HTML مخفف Hyper Text Markup Language میباشد.
- HTML یک زبان استاندارد برای ساختن صفحههای وب است.
- HTML ساختار صفحات وب را توصیف میکند.
- HTML مجموعهایی از المنتهاست.
- المنتهای HTML به مرورگر چگونگی نمایش محتوا را نشان می دهد.
- المنت های HTML اجزای محتوا را نشانه گذاری میکنند مانند “این یک هدینگ(سرتیتر) است” ، “این یک پاراگراف است” ، “این یک لینک است” و…
نمونه ایی از یک داکیومنت HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
این کد را در فایل جدیدی به نام Index.html کپی و فایل را با مرورگر باز کنید.
توضیح مثال:
- <!DOCTYPE html> بیان میکند که این فایل یک فایل HTML است.
- <html> المنت اصلی یک صفحهی HTML است.
- <head> شامل اطلاعات تکمیلی درمورد صفحه HTML است.
- <title> این المنت، برای صفحه HTML عنوان تعریف میکند.
- <body> این المنت، بدنه ی داکیومنت را توصیف میکند و به مانند یک ظرف برای محتواهای اشکار مانند هدینگ ها، پاراگرافها، تصاویر، لیستها و… عمل میکند.
- <h1>بیانگر یک هدینگ بزرگ
- <p> بیانگر یک پاراگراف
یک المنت HTML چیست؟
هر المنت HTML با یک تگ شروع، محتوا و یک تگ پایان تعریف میشود:
<tagname>محتوا اینجا قرار میگیرد… </tagname>
المنت HTML شامل همه چیز از تگ ابتدایی تا تگ انتهاییست:
<h1>هدینگ اول من </h1>
<p>پاراگراف اول من </p>
تگ شروع | محتوای المنت | تگ پایانی |
<h1> | هدینگ اول من | </h1> |
<p> | پاراگراف اول من | </p> |
<br> | هیچ | هیچ |
نکته: بعضی از المنت های HTML محتوایی ندارند (مانند المنت <br>). این المنتها، المنتهای خالی نامیده میشوند که تگ پایانی ندارند.
مرورگرهای وب
هدف یک مرورگر (Chrome, Edge, Firefox, Safari) خواندن HTML یک داکیومنت و نمایش آن به طرز صحیح است.
یک مرورگر، تگ های HTML را نشان نمیدهد اما با استفاده از آنها، چگونگی نمایش داکیومنت را مشخص میکند:
ساختار صفحه HTML :
در زیر نمایشی از ساختار یک صفحه HTML را مشاهده میکنید:
نکته: محتوای داخل <body> (قسمت سفید) در مرورگر نشان داده میشود. محتوای درون المنت <title> در عنوان تب نمایش داده میشود.
تاریخچه HTML:
از روزهای اولیه شبکه جهانی وب، نسخه های متفاوتی از HTML بوده است:
سال | نسخه |
1989 | Tim Berners-Lee invented www |
1991 | Tim Berners-Lee invented HTML |
1993 | Dave Raggett drafted HTML+ |
1995 | HTML Working Group defined HTML 2.0 |
1997 | W3C Recommendation: HTML 3.2 |
1999 | W3C Recommendation: HTML 4.01 |
2000 | W3C Recommendation: XHTML 1.0 |
2008 | WHATWG HTML5 First Public Draft |
2012 | WHATWG HTML5 Living Standard |
2014 | W3C Recommendation: HTML5 |
2016 | W3C Candidate Recommendation: HTML 5.1 |
2017 | W3C Recommendation: HTML5.1 2nd Edition |
2017 | W3C Recommendation: HTML5.2 |
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.