Importance of Web Development:
Web development is the concept that we use to develop and design our website in a most effective manner such that it makes our website user interactive, user friendly and increases user response. Web development basically consists of two parts broadly classified as frontend and backend where frontend is mostly about client side scripting where we write codes from our computers basically client side to make the website design and interact the way we want it to that is the visual aspects of the website . Whereas back-end is considered with server side scripting where we have to consider how the server responds to a particular user request or everything that happens in the a background can be considered as backend. There are various languages or components that we use to implement the frontend and backend part of our website. The two together comprise full stack web development . In this section we are going to look at HTML, the basic frontend tool.HTML stands for hypertext markup language which is used to implement the structure of our website .The HTML is commonly used with CSS and JavaScript to implement the frontend part of the website. CSS stands for cascading style sheet which is used for the design part of our website and JavaScript is use to implement the logical part of the website.
What is HTML:
HTML stands for hypertext markup language which is used to provide or create the structure of the website. It is the basic step for creating a website.
Where to write HTML code:
There are various platforms where we can write and execute HTML code. Some of the popular platforms are Visual Studio Code, Sublime Text, and BBEdit . The most famous and commonly used platform out of all of them is Visual Studio code.
How to write and execute code on VS code:
Firstly open Visual Studio Code .Create or open a new HTML file and save the file with .html extension. Then we will write the HTML code and will save the code by pressing shortcut key Ctrl+ S and then click on Open with Live Server to run the HTML code. Make sure you download the HTML Preview from the extensions and write first to run HTML code.
The <!DOCTYPE> Declaration:
In HTML firstly we import <!DOCTYPE > to tell that the document contains the HTML content and display the web pages correctly in the browser . The <!DOCTYPE> declaration is not case-sensitive. It appears once in the the top of HTML document. The declaration for HTML5 is
<!DOCTYPE html>
Comments in HTML:
Comments are used in the web page so that we can better understand the purpose and description of the web page. Comments are not executed by the browser they are basically used for understanding purpose. The comments can be created in HTML document as follows :
<!--This is comment in HTML-→
Components of HTML:
In HTML the content is basically divided into the head and the body section. The head contains the doctype declaration, title of the website and the metadata. Whereas the body contains the code section created by using various tags.
The tags of HTML:
The tags are the important parts of the HTML document. Different tags symbolize different meanings and can be used for different purposes. The tags are written using angular brackets and are closed by slash between the angular brackets
The head section:
The head section has doctype declaration, title of the web page .The title of the web page is the name given to the website. The text enclosed between the <title>tags display the page name at the top of the page. Metadata is used to define extra information about the website. Metadata is basically data of data and are used by browsers, search engines and other web services. The title for the page can be written as:
<title>First HTML file</title>
Headings:
The headings in HTML are mentioned using <h1> to <h6> tag where h1 tag gives the largest size of text enclosed between them followed by decreasing size of it as we move from <h1> to <h6>.They are used in the body section of the HTML document.
<h1>Hello World</h1>
I hope you understand and must have basic understanding of HTML till now. This content is contributed by Ramya Shree.
Leave Comment