{"id":796,"date":"2024-12-08T21:10:08","date_gmt":"2024-12-09T05:10:08","guid":{"rendered":"https:\/\/www.bhavyatechnologies.com\/blog\/?p=796"},"modified":"2024-12-08T21:36:06","modified_gmt":"2024-12-09T05:36:06","slug":"getting-started-with-visual-studio-code-and-building-html-websites","status":"publish","type":"post","link":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/","title":{"rendered":"Getting Started with Visual Studio Code and Building HTML Websites"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-1024x422.png\" alt=\"\" class=\"wp-image-800\" srcset=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-1024x422.png 1024w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-300x124.png 300w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-768x317.png 768w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>New to writing code? I explain how to use Microsoft\u2019s Visual Studio Code (VS Code) to build a simple webpage and have included a video below to demonstrate it.<\/p>\n\n\n\n<p>Microsoft\u2019s Visual Studio Code (VS Code) is a free and open-source code editor that has been gaining in popularity among developers. VS Code is a lightweight, cross-platform editor that is designed to be customizable and extensible, making it a favorite tool for building webpages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-overview-1536x824-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-overview-1536x824-1-1024x549.jpg\" alt=\"\" class=\"wp-image-802\" srcset=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-overview-1536x824-1-1024x549.jpg 1024w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-overview-1536x824-1-300x161.jpg 300w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-overview-1536x824-1-768x412.jpg 768w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-overview-1536x824-1.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What is cross platform and extensible?<\/h4>\n\n\n\n<p>When we talk about coding and software we also mention the phrase \u201ccross-platform\u201d and \u201cextensible\u201d.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>EXTENSIBLE<\/strong><\/h5>\n\n\n\n<p>This means that your software tool can be expanded to meet the needs of different users.&nbsp; In other words, you can add features by installing extensions or plugins.<\/p>\n\n\n\n<p>Having the ability to tailor or be extensible, Visual Studio Code can help improve your productivity and work more efficiently.<\/p>\n\n\n\n<p>Think of it like adding new apps to your smartphone. Just as you can download and install new apps on your phone to extend its functionality, you can install extensions in VS Code to add new features, such as support for different programming languages, new color schemes, or tools for working with specific libraries or frameworks.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>CROSS PLATFORM<\/strong><\/h5>\n\n\n\n<p>Cross-platform means that you can write code once and it will work on multiple platforms, such as Windows, Mac, Linux, iOS, Android, and more. This is different from traditional software development, where developers would have to write different versions of their code for each platform they wanted to support.<\/p>\n\n\n\n<p>There are many cross-platform tools and frameworks available for different programming languages, such as React Native for building mobile apps, Electron for building desktop applications, and Python for building web and server applications.<\/p>\n\n\n\n<p>By learning and using cross-platform tools, you can develop your skills as a software developer and create applications that work across multiple platforms, which can increase your reach and make your applications more accessible to a wider audience.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What is Visual Studio Code?<\/h4>\n\n\n\n<p>Visual Studio Code is a code editor that was released by&nbsp;<a href=\"https:\/\/www.microsoft.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Microsoft<\/a>&nbsp;in 2015. It is built using web technologies such as HTML, CSS, and JavaScript and is designed to be lightweight, fast, and customizable.&nbsp;<\/p>\n\n\n\n<p>One of the key features of Visual Studio Code is its vast library of extensions. These extensions are like plugins that allow developers to add new features and functionality to the editor. There are thousands of extensions available, which can be used for everything from syntax highlighting to debugging and beyond.<\/p>\n\n\n\n<p>nother significant advantage of VS Code is its support for multiple programming languages. With VS Code, you can write code in languages such as HTML, CSS, JavaScript, Python, Java, and more.\u00a0<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Getting started with Visual Studio Code<\/h4>\n\n\n\n<p>Before we dive into building a webpage with Visual Studio Code, you will need to download and install it on your computer. You can download Visual Studio Code for free from the Microsoft website.&nbsp;<\/p>\n\n\n\n<p>Once you have installed VS Code, you can start a new project by creating a new folder on your computer and opening it in the editor. To open the folder, select \u201cFile\u201d &gt; \u201cOpen Folder\u201d from the menu, and choose the folder where you want to store your project.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Building a webpage with Visual Studio Code<\/h4>\n\n\n\n<p>To build a webpage with Visual Studio Code, you will need to create an HTML file, a CSS file, and a JavaScript file. The HTML file will contain the content of your webpage, the CSS file will be used to style the content, and the JavaScript file will be used to add interactivity to your webpage.\u00a0<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Creating an HTML file<\/strong><\/h5>\n\n\n\n<p>Follow these steps:<\/p>\n\n\n\n<p>Right-click on the folder where you want to store your project in the Explorer pane on the left-hand side of the editor.<br \/>Select \u201cNew File\u201d from the menu.<br \/>Type \u201cindex.html\u201d as the name of the file and press Enter.<\/p>\n\n\n\n<p>This will create a new HTML file named index.html in your project folder. You can now start adding content to your webpage by typing HTML code into the file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-newfile-1024x576-1.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-newfile-1024x576-1.gif\" alt=\"\" class=\"wp-image-803\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Styling your webpage with CSS<\/h5>\n\n\n\n<p>To style your webpage using CSS, you will need to create a new CSS file in your project folder. To do this, follow these steps:<\/p>\n\n\n\n<p>Right-click on your project folder in the Explorer pane.<br \/>Select \u201cNew File\u201d from the menu.<br \/>Type \u201cstyles.css\u201d as the name of the file and press Enter.<\/p>\n\n\n\n<p>This will create a new CSS file named styles.css in your project folder. You can now start adding CSS code to the file to style your webpage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-css.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-css.jpg\" alt=\"\" class=\"wp-image-804\" srcset=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-css.jpg 1024w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-css-300x225.jpg 300w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-css-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Adding interactivity with JavaScript<\/h5>\n\n\n\n<p>To add interactivity to your webpage using JavaScript, you will need to create a new JavaScript file in your project folder. To do this, follow these steps:<\/p>\n\n\n\n<p>Right-click on your project folder in the Explorer pane.<br \/>Select \u201cNew File\u201d from the menu.<br \/>Type \u201capp.js\u201d as the name of the file and press Enter.<\/p>\n\n\n\n<p>This will create a new JavaScript file named app.js in your project folder. You can now start adding JavaScript code to the file to add interactivity to your webpage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-js.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-js.jpg\" alt=\"\" class=\"wp-image-806\" srcset=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-js.jpg 1024w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-js-300x225.jpg 300w, https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/getmecoding-visual-studio-code-js-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping up&#8230;..<\/h2>\n\n\n\n<p>Visual Studio Code is a powerful and versatile code editor that is well-suited to building webpages. With its vast library of extensions, support for multiple programming languages, and its lightweight and customizable interface, VS Code is a great tool to use to begin learning to code or continue on if you having been coding for a while.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>New to writing code? I explain how to use Microsoft\u2019s Visual Studio Code (VS Code) to build a simple webpage and have included a video below to demonstrate it. Microsoft\u2019s Visual Studio Code (VS Code) is a free and open-source code editor that has been gaining in popularity among developers. VS Code is a lightweight, &hellip; <a href=\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Getting Started with Visual Studio Code and Building HTML Websites<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-796","post","type-post","status-publish","format-standard","hentry","category-website-designing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Getting Started with Visual Studio Code and Building HTML Websites - Bhavya Technologies - Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with Visual Studio Code and Building HTML Websites - Bhavya Technologies - Blog\" \/>\n<meta property=\"og:description\" content=\"New to writing code? I explain how to use Microsoft\u2019s Visual Studio Code (VS Code) to build a simple webpage and have included a video below to demonstrate it. Microsoft\u2019s Visual Studio Code (VS Code) is a free and open-source code editor that has been gaining in popularity among developers. VS Code is a lightweight, &hellip; Continue reading Getting Started with Visual Studio Code and Building HTML Websites\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Bhavya Technologies - Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BhavyaWebTech\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-09T05:10:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-09T05:36:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"633\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bhavya Technologies\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bhavyatech\" \/>\n<meta name=\"twitter:site\" content=\"@bhavyatech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bhavya Technologies\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\"},\"author\":{\"name\":\"Bhavya Technologies\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/person\/a8b972526a82dee1d674d1fcb5124895\"},\"headline\":\"Getting Started with Visual Studio Code and Building HTML Websites\",\"datePublished\":\"2024-12-09T05:10:08+00:00\",\"dateModified\":\"2024-12-09T05:36:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\"},\"wordCount\":920,\"publisher\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-1024x422.png\",\"articleSection\":[\"Website Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\",\"url\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\",\"name\":\"Getting Started with Visual Studio Code and Building HTML Websites - Bhavya Technologies - Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-1024x422.png\",\"datePublished\":\"2024-12-09T05:10:08+00:00\",\"dateModified\":\"2024-12-09T05:36:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage\",\"url\":\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png\",\"contentUrl\":\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png\",\"width\":1536,\"height\":633},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bhavyatechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with Visual Studio Code and Building HTML Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#website\",\"url\":\"https:\/\/www.bhavyatechnologies.com\/blog\/\",\"name\":\"Bhavya Technologies - Blog\",\"description\":\"\u00a0Digital Marketing, Website design &amp; development company in Hyderabad, India\",\"publisher\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bhavyatechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#organization\",\"name\":\"Bhavya Web Technologies\",\"url\":\"https:\/\/www.bhavyatechnologies.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2017\/07\/cropped-NewLogo.png\",\"contentUrl\":\"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2017\/07\/cropped-NewLogo.png\",\"width\":248,\"height\":100,\"caption\":\"Bhavya Web Technologies\"},\"image\":{\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/BhavyaWebTech\/\",\"https:\/\/x.com\/bhavyatech\",\"http:\/\/www.linkedin.com\/company\/bhavya-technologies\/\",\"http:\/\/www.youtube.com\/user\/bhavyatechnologies\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/person\/a8b972526a82dee1d674d1fcb5124895\",\"name\":\"Bhavya Technologies\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fe762d42f67c5102549b2df80f35f4328850bd6b77a18d11070f369c3854d473?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fe762d42f67c5102549b2df80f35f4328850bd6b77a18d11070f369c3854d473?s=96&d=mm&r=g\",\"caption\":\"Bhavya Technologies\"},\"description\":\"We are team of young, energetic and dynamic members, focused on providing high quality website designing, website development and Internet Marketing services. With a team of such Bhavya member we always try and deliver high quality of project, exceeding client\u2019s expectation.\",\"sameAs\":[\"http:\/\/www.bhavyatechnologies.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started with Visual Studio Code and Building HTML Websites - Bhavya Technologies - Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/","og_locale":"en_US","og_type":"article","og_title":"Getting Started with Visual Studio Code and Building HTML Websites - Bhavya Technologies - Blog","og_description":"New to writing code? I explain how to use Microsoft\u2019s Visual Studio Code (VS Code) to build a simple webpage and have included a video below to demonstrate it. Microsoft\u2019s Visual Studio Code (VS Code) is a free and open-source code editor that has been gaining in popularity among developers. VS Code is a lightweight, &hellip; Continue reading Getting Started with Visual Studio Code and Building HTML Websites","og_url":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/","og_site_name":"Bhavya Technologies - Blog","article_publisher":"https:\/\/www.facebook.com\/BhavyaWebTech\/","article_published_time":"2024-12-09T05:10:08+00:00","article_modified_time":"2024-12-09T05:36:06+00:00","og_image":[{"width":1536,"height":633,"url":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png","type":"image\/png"}],"author":"Bhavya Technologies","twitter_card":"summary_large_image","twitter_creator":"@bhavyatech","twitter_site":"@bhavyatech","twitter_misc":{"Written by":"Bhavya Technologies","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#article","isPartOf":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/"},"author":{"name":"Bhavya Technologies","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/person\/a8b972526a82dee1d674d1fcb5124895"},"headline":"Getting Started with Visual Studio Code and Building HTML Websites","datePublished":"2024-12-09T05:10:08+00:00","dateModified":"2024-12-09T05:36:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/"},"wordCount":920,"publisher":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-1024x422.png","articleSection":["Website Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/","url":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/","name":"Getting Started with Visual Studio Code and Building HTML Websites - Bhavya Technologies - Blog","isPartOf":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage"},"image":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912-1024x422.png","datePublished":"2024-12-09T05:10:08+00:00","dateModified":"2024-12-09T05:36:06+00:00","breadcrumb":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#primaryimage","url":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png","contentUrl":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2024\/12\/912.png","width":1536,"height":633},{"@type":"BreadcrumbList","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/getting-started-with-visual-studio-code-and-building-html-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bhavyatechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Getting Started with Visual Studio Code and Building HTML Websites"}]},{"@type":"WebSite","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#website","url":"https:\/\/www.bhavyatechnologies.com\/blog\/","name":"Bhavya Technologies - Blog","description":"\u00a0Digital Marketing, Website design &amp; development company in Hyderabad, India","publisher":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bhavyatechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#organization","name":"Bhavya Web Technologies","url":"https:\/\/www.bhavyatechnologies.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2017\/07\/cropped-NewLogo.png","contentUrl":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-content\/uploads\/2017\/07\/cropped-NewLogo.png","width":248,"height":100,"caption":"Bhavya Web Technologies"},"image":{"@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BhavyaWebTech\/","https:\/\/x.com\/bhavyatech","http:\/\/www.linkedin.com\/company\/bhavya-technologies\/","http:\/\/www.youtube.com\/user\/bhavyatechnologies"]},{"@type":"Person","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/person\/a8b972526a82dee1d674d1fcb5124895","name":"Bhavya Technologies","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bhavyatechnologies.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/fe762d42f67c5102549b2df80f35f4328850bd6b77a18d11070f369c3854d473?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fe762d42f67c5102549b2df80f35f4328850bd6b77a18d11070f369c3854d473?s=96&d=mm&r=g","caption":"Bhavya Technologies"},"description":"We are team of young, energetic and dynamic members, focused on providing high quality website designing, website development and Internet Marketing services. With a team of such Bhavya member we always try and deliver high quality of project, exceeding client\u2019s expectation.","sameAs":["http:\/\/www.bhavyatechnologies.com"]}]}},"_links":{"self":[{"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=796"}],"version-history":[{"count":2,"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/796\/revisions"}],"predecessor-version":[{"id":807,"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/796\/revisions\/807"}],"wp:attachment":[{"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhavyatechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}