شروع کار با زبان HTML-جلسه اول

آیکون HTML
آیکون HTML

اگه بخواهیم درک درستی از HTML داشته باشیم،باید نقش آن در وب سایت را درک کنیم.

اجزای یک صفحه وب
اجزای یک صفحه وب

صفحه وب مانند یک ساختمان است، HTML مانند مصالح ساختمان است،CSS مانند دکوراسیون ساختمان است و جاوااسکریپت مانند انسان در ساختمان است.



حالا بریم سر شروع کد نویسی.اول نیاز به یک محیط کد نویسی داریم مانند WebStorm یا vs code من خودم vs code را ترجیح می دهم. زیرا رایگان و قدرتمند است.

برای دانلود vs code به آدرس زیر می رویم :

https://code.visualstudio.com/Download
روش دانلود vs code
روش دانلود vs code

وی اس کد را نصب کرده و نصب آن در حد next و next است.سپس وارد vs code می شویم و دکمه new file را می زنیم و اسم فایل را به دلخواه و پسوند آن را html. وارد می کنیم.

سپس اینتر را می زنیم و روی فایل ایجاد شده کلیک می کنیم.الان محیط ما برای کد نویسی HTML بالا آمد.حالا نیاز به افزونه های HTML داریم.

Auto close Tag

برای بستن خودکار کد های HTML

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

HTML Preview

برای دیدن پیش نمایش HTML با زدن کلید های ctrl+shift+v

https://marketplace.visualstudio.com/items?itemName=george-alisson.html-preview-vscode

HTML Snippets

برای استفاده از کامل کردن اتوماتیک تگ های HTML

https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets



تا جلسه بعدی خدانگهدار