what are some default browser Styles applied to HTML when you start working with HTML and CSS you'll notice that some styles are applied to your web pages even before you write any CSS these styles are called default browser Styles or user agent Styles these default browser Styles provide basic formatting to ensure that HTML elements are displayed in a readable way across all browsers however these Styles can vary slightly from One browser to another which is why it's important to understand them when designing a consistent look for your website let's take a look at some of
the common default browser Styles applied to various HTML elements headings are one of the most commonly used HTML elements and are styled by by default to have varying sizes and weights for example H1 the highest level heading is usually bold and larger in font size compared to lower level headings like H2 H3 and so on these heading tags help Define the hierarchy and structure of your content here's what the example looks like rendered on the page another element with default Styles is the HR element which creates a horizontal rule often used to visually separate sections
of content browsers generally apply a simple line style to this element to understand it better let's look at this code example the horizontal rule appears as a thin line with spacing above and below the text to distinguish between sections of content here is what the example looks like when rendered on the page next we will look at the Block quote element block quotes are used to indicate a section of text that is a quotation from another source browsers typically add indentation and sometimes italicize the text the indentation helps set block quotes apart from the rest
of the text making it clear that this content is quoted from another source let's take a look at this code example the block quote element will produce an inent on the text applied by the default browser Styles here is what the example looks like in the browser another element with default Styles is the anchor element a which is styled with a default blue color and underlining to make it recognizable as the link let's take a look at the following HDML example the following code has four paragraph elements with an anchor element in the middle the
anchor element is styled in blue with an underline to show users to go to the free cam learn page here is what the output looks like rendered on the screen finally we'll look at the unordered and ordered list elements browsers add basic formatting to lists including indentation and bullets or numbers depending on whether you're using an unordered list UL or an ordered list o in this code example we are using an unordered list and an ordered list both of these lists will be slightly indented to the right by default here is what the output will
look like on the screen for all of these examples you'll saw how the browser applied default spacing varying font sizes and weights to these HTML elements in later lecture videos you will learn how to reset some of these default Styles us using a CSS reset
