Every HTML element has a default display value, depending on what type of element it is. There are two display values: block and inline. A block-level element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element.
A block-level element always takes up the full width available (stretches out to the left and right as far as it can).
Two commonly used block elements are: p and div.
The p element defines a paragraph in an HTML document.
The div element defines a division or a section in an HTML document.
An inline element does not start on a new line.
An inline element only takes up as much width as necessary.
This is a span element inside a paragraph.
There are two display values: block and inline
A block-level element always starts on a new line and takes up the full width available. An inline element does not start on a new line and it only takes up as much width as necessary. The div element is a block-level and is often used as a container for other HTML elements. The span element is an inline container used to mark up a part of a text, or a part of a document.
Example
⭐️HTML Tutorial for Beginners - Learn HTML for a career in web development. This HTML tutorial teaches you everything you need to get started.
⭐️This video is a part of this HTML Tutorial For Beginners In Hindi (With Notes)
Course Playlist: https://www.youtube.com/playlist?list=PLMfAHlb5o1xHATPNmU_KJfqGYAv1PWVTH
Want to learn more from me? Check out these links:
⭐️Courses: https://sharadkhare.org/courses/
⭐️Code Blog: https://sharadkhare.org/blog/
Follow me for more updates:
⭐️Facebook: https://www.facebook.com/datacodewithsharad/
⭐️ Linkedin: https://www.linkedin.com/in/sharadk5/
⭐️Table of Contents
00:00:00 Introduction
00:02:11 types of Block Elements
00:03:12 paragraph and Division Elements
00:08:04 All types of Block Elements
00:12:25 Inline Elements
00:14:10 Span Element
00:15:47 Types of Inline Elements
00:20:12 Practical Element inside Element
00:22:45 Style of Block and Inline Elements
More Best Courses for learning:
⭐️HTML Tutorial For Beginners In Hindi (With Notes): https://www.youtube.com/watch?v=ullWlsr4DIg&list=PLMfAHlb5o1xHATPNmU_KJfqGYAv1PWVTH
#HTML #WebDevelopment #Coding #HTMLinHindi #HTMLTutorialinhindi
⭐️HTML is the language behind every website on the Internet! It's a markup language used to define the structure and content of web pages. It's the first language you need to learn if you want to become a web developer.