Welcome Guest! (App Version 3.1)
IntroductionHTML Tutorial What is HTML? My First Program in HTML Doctype Block Elements in HTML Inline Elements in HTML
Box ModelWhat is Box Model Content in Box Model Padding in Box Model Border in Box Model Margin in Box Model
HTML TagsDiv Tags H1 to H6 Tags Paragraphs Tags Span Tags Bold Tags Italic Tags
HTML UtilitiesAdding Images Adding Hyperlinks Adding Comments Types of Lists Tables Iframes Breaking Lines Horizontal Line
FormsForms in HTML Text-Box Radio Checkbox Select and Option Text Area Button Submit
HTML 5What is new in HTML5 Syntax Changes New Elements & Properties Semantic Tags New Elements New Input Types Graphics Support Canvas SVG Media Support Audio Video Client Side Storage Local Storage Session Storage Indexed DB Web SQL [dep] Cookies API Support Web Worker Web Sockets Service Worker App Cache [dep] SSE Drag & Drop Geolocation
HTML QuizHTML Quiz 1
The outermost tags in HTML language are <HTML> tags. This outermost tag contains two more tags directly inside it, which are <head> tag and <body> tag.
Head tag contains the relevant information about the web page without affecting the UI of the web page. This means that whatever code is written inside the head tag is not visible to the user and this code does not play any direct role (apart from internal styling) to the visual design or UX of the web page.
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="keywords" content="html tutorial">
<meta name="description" content="free online html tutorial">
<link rel="icon" href="someImage.png">
Body tag on the other hand contains the data that is visible to the end user on his computer screen. This data can be in simple text format or may contain images, audios, videos, charts or data in any other format that can be rendered on a web page.
Note: Head tags can be said to contain that relevant information about a web page which does not directly affect the end-user visual experience. This information is rather informative and used for resource gathering, enhancing SEO of web page, and adding title or favicon to it.
The main content of head section are as follows: