HTML stands for Hypertext Mark-up Language. It is the language which is used to create and design web pages on the internet.
Some of the key reasons of learning HTML are listed here:
- HTML gives the primary skeleton of every web page which tells the browsers how to give out the text, images, links, videos, and other elements also.
- HTML is renowned for its beginner-friendliness. It does not have complicated tags and the syntax which will make it place to start our web development journey.
- Mastering the HTML will be the initial step towards the learning more and more complex web technologies like CSS (for styling) and also the JavaScript (for interactivity).
- It will empower you to build the websites, email templates, newsletters, and much more.
- This will allow us to bring the ideas to the life online, fostering a fun outlet for creativity and also the design.
What are the Features of HTML?
- It is quite easy to learn and also easy to use.
- Its the platform-independent.
- Images and videos and audio can be inserted to the web pages
- Hypertext can be added
- It is a mark-up language.
HTML Elements and HTML Tags:
HTML will make use of the predefined tags and also the elements that will instruct the browser on how to get the content. HTML elements which will consist the opening tag, and some content, and a the closing tag will be consisted.
Primarily thing to remember is, to include the closing tags. If it gets failed then the browser applies the effect of the opening tag until the end of the page.
This is the basic structure of an HTML page, which will include the essential building-block elements like doctype declaration, HTML, head, title, and body elements.
The basic structure of the HTML page is shown below. This will consist the essential building-block of elements i.e. doctype declaration, and the HTML, and head, and the title, and body elements where all the web pages are created
<!DOCTYPE html> ———- it will display the version of the html
<html> ———-html root element
<head> ——– used to include the metadata
<title> ———it is the page title</title>
</head>
<body> ———-this is nothing but the content of the html
<h2> ———–heading content
<p> ———paragraph content in the html
</body> ——–this is the end of the body
</html> ——–this is the end of the html program
- <!DOCTYPE html> – This is the document type of the declaration, this will declare the document as being an HTML document. The doctype declaration is not case-sensitive.
- <html> – its called as the HTML root element, and All other elements are contained within it.
- <head> – The head tag which includes the “behind the scenes” elements for the webpage. Elements within the head will be not visible on the front end of a webpage. here the elements used inside the <head> element include:
- <style> – This HTML tag allows us to insert styling into our web pages and make them appealing to look at with the help of CSS.
- <title> – The title is what is displayed on the top of your browser when you visit a website and contains the title of the webpage that you are viewing.
- <base> – It specifies the base URL for all relative URL’s in a document.
- <noscript> – Defines a section of HTML that is inserted when the scripting has been turned off in the user’s browser.
- <script> – This tag is used to add functionality to the website with the help of JavaScript.
- <link> – The ‘link’ tag is used to tie together HTML, CSS, and JavaScript. It is self-closing.
- <body> – The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end.
Questions:
1. Create an HTML basic web page.