{"slug": "html-basics-for-beginners-markup-language-elements-and-types-of-css", "title": "HTML Basics for Beginners – Markup Language, Elements and Types of CSS", "summary": "This article explains that HTML is a markup language used to structure web page content through tags and elements, distinguishing between a tag (e.g., `<p>`) and a complete element (e.g., `<p>Hello</p>`). It also introduces the three types of CSS as a key concept for beginners.", "body_md": "Introduction\nIn this blog, I will share some basic HTML and CSS concepts that every beginner should know. These are important interview questions for frontend development.\nWhat is Markup Language?\nMarkup language is used to describe the structure of content using tags and symbols.\nExample:\nHTML is a markup language used to create web pages.\nTags like\n, and\nhelp the browser understand how to display content.Hello\nThis complete structure is called an HTML element.\nDifference Between Tag and Element\nTag:\n• Only the keyword inside angle brackets\nExample:\nor\nElement:\n• Complete structure including opening tag, content, and closing tag\nExample:\nHello\nTypes of CSS\nThere are 3 types of CSS:\nHello", "url": "https://wpnews.pro/news/html-basics-for-beginners-markup-language-elements-and-types-of-css", "canonical_source": "https://dev.to/ezhil_abinayak_e38eec8fb/html-basics-for-beginners-markup-language-elements-and-types-of-css-6pd", "published_at": "2026-05-22 15:25:38+00:00", "updated_at": "2026-05-22 15:37:19.365993+00:00", "lang": "en", "topics": ["developer-tools"], "entities": [], "alternates": {"html": "https://wpnews.pro/news/html-basics-for-beginners-markup-language-elements-and-types-of-css", "markdown": "https://wpnews.pro/news/html-basics-for-beginners-markup-language-elements-and-types-of-css.md", "text": "https://wpnews.pro/news/html-basics-for-beginners-markup-language-elements-and-types-of-css.txt", "jsonld": "https://wpnews.pro/news/html-basics-for-beginners-markup-language-elements-and-types-of-css.jsonld"}}