اچ تی ام ال (HTML) یا Hypertext Markup Language، زبانی برنامه نویسی است و کسانی که دستی در دنیای وب دارند با آن آشنا هستند یا لااقل اسم آن را چندین بار شنیده اند، یکی از آسان ترین و کاربردی ترین زبان ها در جهان است که از سال 1980 میلادی تا امروز همواره روندی رو به رشد داشته، در اهمیت آن همین بس که حاصل کدنویسی برنامه نویسان وب، نهایتا به صورت خروجی HTML و در مرورگر کاربران نشان داده خواهد شد. لذا نقطه آغاز یادگیری برنامه نویسی وب، آموزش زبان HTML است، در مجتمع فنی سیدخندان میباشد.
آشنایی بیشتر با چند تگ ساده
برنامه Notepad را باز کنید و کد زیر را در آن کپی نمائید:
وبگو | اولین صفحه html من
اولین صفحه من
اولین پاراگراف من
پیش نمایش
اکنون فایلتان را با پسوند html و با یونیکد utf-8 ذخیره نمائید (برای این کار به جای پسوند txt، پسوند html را جایگزین کنید و در قسمت Encoding عبارت UTF-8 را انتخاب کنید)، حاصل اولین کدتان را در یک مرورگر وب ببینید!
توضیح:
- تگ head و body جز اصلی ترین تگ های اچ تی ام ال است که سازنده یک صفحه به شمار می روند، درون تگ head می توان از مقادیر meta تگ ها استفاده کرد.
- تگ title برای نمایش عنوان صفحه در مرورگر لازم است.
- تگ h1 نشان گر سرتیتر ها است که می تواند مقادیری تا h6 داشته باشد.
- تگ p در کدهای اچ تی ام ال نشانگر پاراگراف است.
- اکثر تگ های اچ تی ام ال با افزودن یک (/) بسته می شوند و البته برخی نیز یکتا هستند (مثلا ).
نکته 1: هدف از ایجاد زبانی به نام html یا hypertext markup language در وب، در واقع به ضرورت ایجاد استانداردی تعریف شده برای یکسان سازی و سهولت کار برمی گردد، این زبان توسط کنسرسیوم جهانی وب یا w3c توسعه یافته و امروزه تبدیل به استانداردی فراگیر گشته است که توسط انواع مختلف مرورگرها و واسطه های کاربری (کامپیوتر، تلفن همراه و…)، قابل پردازش است.
نکته 2: html در حقیقت یک زبان برنامه نویسی نیست، بلکه بیشتر شبیه یک قرار داد با پیروی از اصولی منظم است، چرا که محدود به تگ ها و دستور عمل های خاصی است و خارج از چارچوب تعریف شده خود، قدرت مانور ندارد، اما از این جهت که زبان تفهیم خواسته های برنامه نویس از مرورگر تلقی می شود، اهمیت زیادی دارد، یعنی وقتی در وب برنامه ای به یک زبان که در سرور اجرا می شود (مانند php) می نویسیم، هدف، هر چه که باشد، نهایتا معمولا باید خروجی خود را در بستر html به مرورگر انتقال دهیم.
یکی از زبان های انعطاف پذیر و در عین حال قدرتمندی که در دوره های وب نویسی مجتمع فنی تهران آموزش داده میشود و همراه با کدهای ساده HTML، مورد استفاده برنامه نویسان وب قرار می گیرد، جاوا اسکریپت (Javascript) است، البته شاید تصور شما از شنیدن عنوان کدهای جاوا اسکریپت بیشتر معطوف به کدهای کاربردی وبلاگ ها باشد، اما واقعیت این است که قدرت این زبان برنامه نویسی، خیلی بیشتر است بیشتر سایت ها و صفحات وب برای بررسی اعتبار فرم ها، ارتباط با سرور، شناسایی قابلیت های مرورگر کاربران، کار با کوکی ها (cookie) و خیلی چیزهای دیگر از آن استفاده می کنند، البته با همه این تفاسیر به دلیل سمت کاربر (Client side) بودن این زبان (یعنی جاوا اسکریپت تنها روی مرورگر کاربران قابل اجراست و برای تفسیر آن از مفسر مرورگر استفاده می شود نه مفسر سرور سایت)، در عین توانایی محدودیت هایی نیز وجود خواهد داشت.
کدهای جاوا اسکریپت بین دو تگ script نوشته می شوند.
توضیح:
- کدهای جاوا اسکریپت را می توان به صورت فایل خارجی نیز در صفحه ایمپورت کرد (شیوه استاندارد).
توصیه می شود کدها را بین تگ head قرار دهید. - ()Date یک تابع درونی جاوا اسکریپت است (یعنی این تابع و ویژگی های آن از قبل تعریف شده).
- از تگ noscript برای ایجاد پیام به کاربر در صورت فعال نبودن جاوا اسکریپت در مرورگرشان استفاده نمائید
مجتمع فنی تهران نمایندگی سید خندان
لیست دوره های ارائه شده در دپارتمان وب و برنامه نویسی
ردیف | عنوان دوره | روزهای تشکیل | تاریخ شروع | تعداد ساعت | شهریه (ریال) | توضیح | پیش نیاز | |
---|---|---|---|---|---|---|---|---|
1 | Web Design I (HTML5, CSS3 with Dreamweaver) | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-30 | 58 | 54,000,000 48,600,000 | |||
2 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-30 | 58 | 43,000,000 38,700,000 | |||
3 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-19 | 34 | 49,000,000 44,100,000 | |||
4 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 49,000,000 44,100,000 | |||
5 | Web Design II (Responsive design with bootstrap , Less & Sass) آنلاین | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 40,000,000 36,000,000 | |||
6 | Web Design III (JavaScript & JQuery & Ajax) | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 88,000,000 79,200,000 | |||
7 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 71,000,000 63,900,000 | |||
8 | ReactJS | پنجشنبه 08:00 تا 13:00 | 04-02-04 | 40 | 70,000,000 63,000,000 | |||
9 | مقدمه ای بر الگوریتم و برنامه نویسی آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-31 | 40 | 28,000,000 25,200,000 | |||
10 | مقدمه ای بر الگوریتم و برنامه نویسی | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-31 | 40 | 33,000,000 29,700,000 | |||
11 | Programming with Python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-18 | 60 | 80,000,000 72,000,000 | |||
12 | (آنلاین) programming with python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-18 | 60 | 64,000,000 57,600,000 | |||
13 | Python Programming Advanced آنلاین | جمعه 13:00 تا 18:00 | 04-01-22 | 60 | 84,000,000 75,600,000 | |||
14 | Python Programming Advanced | جمعه 13:00 تا 18:00 | 04-01-22 | 60 | 104,000,000 93,600,000 | |||
15 | Programming with Python | پنجشنبه 13:00 تا 18:00 | 04-01-28 | 60 | 80,000,000 72,000,000 | |||
16 | (آنلاین) Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-22 | 50 | 59,000,000 53,100,000 | |||
17 | Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-22 | 50 | 74,000,000 66,600,000 | |||
18 | Data Analysis with Python | جمعه 13:00 تا 18:00 | 04-01-22 | 30 | 41,000,000 36,900,000 | |||
19 | Data Analysis with Python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-24 | 30 | 41,000,000 36,900,000 | |||
20 | بهینه سازی برای موتورهای جست و جو- SEO | پنجشنبه 16:00 تا 20:00 | 04-01-21 | 40 | 83,000,000 74,700,000 | |||
21 | دوره طراحی رابط و تجربه کاربری (UI/UX) | پنجشنبه 13:00 تا 17:00 | 04-01-21 | 40 | 59,000,000 53,100,000 | |||
22 | Wordpress & WooCommerce Essential Training | جمعه 13:00 تا 18:00 | 04-01-29 | 35 | 40,000,000 36,000,000 | |||
23 | C# Programming | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-19 | 60 | 75,000,000 67,500,000 | |||
24 | C# Programming آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-19 | 60 | 61,000,000 54,900,000 | |||
25 | برنامه نویسی به زبان ++C | پنجشنبه 08:00 تا 13:00 | 04-01-21 | 60 | 61,000,000 54,900,000 | |||
26 | برنامه نویسی به زبان ++C آنلاین | پنجشنبه 08:00 تا 13:00 | 04-01-21 | 60 | 49,000,000 44,100,000 | |||
27 | PHP & MYSQL Web Development | جمعه 13:00 تا 18:00 | 04-01-22 | 80 | 99,000,000 89,100,000 | |||
28 | Java SE8 Programming | جمعه 13:00 تا 18:00 | 04-01-22 | 50 | 68,000,000 61,200,000 | |||
29 | Android Pack | پنجشنبه 13:00 تا 18:00 | 04-01-21 | 70 | 93,000,000 83,700,000 | |||
30 | SQL Server 2022 Database Development | جمعه 08:00 تا 13:00 | 04-01-22 | 60 | 75,000,000 67,500,000 | |||
31 | SQL Server 2022 Database Development آنلاین | جمعه 08:00 تا 13:00 | 04-01-22 | 60 | 64,000,000 57,600,000 | |||
32 | Microsoft ASP.net MVC | پنجشنبه 13:00 تا 18:00 | 04-01-21 | 60 | 115,000,000 104,650,000 |
مقالات مرتبط با کامپیوتر و آی تی
مجتمع فنی تهران نمایندگی سید خندان
لیست دوره های ارائه شده در دپارتمان وب و برنامه نویسی
ردیف | عنوان دوره | روزهای تشکیل | تاریخ شروع | تعداد ساعت | شهریه (ریال) | توضیح | پیش نیاز | |
---|---|---|---|---|---|---|---|---|
1 | Web Design I (HTML5, CSS3 with Dreamweaver) | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-30 | 58 | 54,000,000 48,600,000 | |||
2 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-30 | 58 | 43,000,000 38,700,000 | |||
3 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-19 | 34 | 49,000,000 44,100,000 | |||
4 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 49,000,000 44,100,000 | |||
5 | Web Design II (Responsive design with bootstrap , Less & Sass) آنلاین | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 40,000,000 36,000,000 | |||
6 | Web Design III (JavaScript & JQuery & Ajax) | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 88,000,000 79,200,000 | |||
7 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 71,000,000 63,900,000 | |||
8 | ReactJS | پنجشنبه 08:00 تا 13:00 | 04-02-04 | 40 | 70,000,000 63,000,000 | |||
9 | مقدمه ای بر الگوریتم و برنامه نویسی آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-31 | 40 | 28,000,000 25,200,000 | |||
10 | مقدمه ای بر الگوریتم و برنامه نویسی | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-31 | 40 | 33,000,000 29,700,000 | |||
11 | Programming with Python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-18 | 60 | 80,000,000 72,000,000 | |||
12 | (آنلاین) programming with python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-18 | 60 | 64,000,000 57,600,000 | |||
13 | Python Programming Advanced آنلاین | جمعه 13:00 تا 18:00 | 04-01-22 | 60 | 84,000,000 75,600,000 | |||
14 | Python Programming Advanced | جمعه 13:00 تا 18:00 | 04-01-22 | 60 | 104,000,000 93,600,000 | |||
15 | Programming with Python | پنجشنبه 13:00 تا 18:00 | 04-01-28 | 60 | 80,000,000 72,000,000 | |||
16 | (آنلاین) Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-22 | 50 | 59,000,000 53,100,000 | |||
17 | Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-22 | 50 | 74,000,000 66,600,000 | |||
18 | Data Analysis with Python | جمعه 13:00 تا 18:00 | 04-01-22 | 30 | 41,000,000 36,900,000 | |||
19 | Data Analysis with Python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-24 | 30 | 41,000,000 36,900,000 | |||
20 | بهینه سازی برای موتورهای جست و جو- SEO | پنجشنبه 16:00 تا 20:00 | 04-01-21 | 40 | 83,000,000 74,700,000 | |||
21 | دوره طراحی رابط و تجربه کاربری (UI/UX) | پنجشنبه 13:00 تا 17:00 | 04-01-21 | 40 | 59,000,000 53,100,000 | |||
22 | Wordpress & WooCommerce Essential Training | جمعه 13:00 تا 18:00 | 04-01-29 | 35 | 40,000,000 36,000,000 | |||
23 | C# Programming | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-19 | 60 | 75,000,000 67,500,000 | |||
24 | C# Programming آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-01-19 | 60 | 61,000,000 54,900,000 | |||
25 | برنامه نویسی به زبان ++C | پنجشنبه 08:00 تا 13:00 | 04-01-21 | 60 | 61,000,000 54,900,000 | |||
26 | برنامه نویسی به زبان ++C آنلاین | پنجشنبه 08:00 تا 13:00 | 04-01-21 | 60 | 49,000,000 44,100,000 | |||
27 | PHP & MYSQL Web Development | جمعه 13:00 تا 18:00 | 04-01-22 | 80 | 99,000,000 89,100,000 | |||
28 | Java SE8 Programming | جمعه 13:00 تا 18:00 | 04-01-22 | 50 | 68,000,000 61,200,000 | |||
29 | Android Pack | پنجشنبه 13:00 تا 18:00 | 04-01-21 | 70 | 93,000,000 83,700,000 | |||
30 | SQL Server 2022 Database Development | جمعه 08:00 تا 13:00 | 04-01-22 | 60 | 75,000,000 67,500,000 | |||
31 | SQL Server 2022 Database Development آنلاین | جمعه 08:00 تا 13:00 | 04-01-22 | 60 | 64,000,000 57,600,000 | |||
32 | Microsoft ASP.net MVC | پنجشنبه 13:00 تا 18:00 | 04-01-21 | 60 | 115,000,000 104,650,000 |