Using Visual Studio Code to make a Simple Website
Visual Studio Code can be downloaded from the following link:
https://code.visualstudio.com/download
For more information about Visual Studio Code, check out the link down below to the main wikipedia page:
https://en.wikipedia.org/wiki/Visual_...
This is a quick video showing newcomers the basic way to use Visual Studio Code to create a simple yet effective website.
The extensions that enables coders to view their work in a browser is called the Live Server and can easily be found on Visual Studio Code by typing Live Server into the search bar. To use it, you'll right click and then click on the Open with Live Server option which I've shown you in the video as well.
What is DOCTYPE in HTML? It is an "information" to the browser about what document type to expect.
The html tag represents the root of an HTML document and its the container for all other HTML elements (except for the !DOCTYPE tag).
The head element is a container for metadata (data about data) and is placed between the html tag and the body tag. Metadata is data about the HTML document. Metadata is not displayed. Metadata typically define the document title, character set, styles, scripts, and other meta information.
The title tag defines the title of the document. The title must be text-only, and it is shown in the browser's title bar or in the page's tab. The title tag is required in HTML documents! The contents of a page title is very important for search engine optimization (SEO)!
My title tag reads Welcome to my Website.
h1 defines the most important heading. h6 defines the least important heading. Note: Only use one h1 per page - this should represent the main heading/subject for the whole page.
The p tag defines a paragraph. Browsers automatically add a single blank line before and after each p element.
The body tag defines the document's body. The body element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The text for my simple website reads:
Hello Everyone!
This is a simple website I am creating using with Visual Studio Code.