How many html tags

Next we are going to turn our plain text list of fruits into a real HTML list. The "Unordered List" tag groups all our list items together in a single list.

Follow the example below:. Save your webpage. You should be seeing something like the image below:. It's for creating quotes on the page — nothing more. Why is this important? Well, it's great to use in an article when you have to quote someone else or someone's writing or and excerpt or for client testimonials or just plain old quotes in general. You already know how to wrap content with HTML tags and these are no different. See the example blow:. Create a blockquote in your webpage. Refresh your web browser — that's it!

You have just mastered the HTML blockquote tag. Unlike the other tags you have learned, the horizontal tag does not have an open an closing tag and does not wrap around content.

This is called a self—closing tag. Horizontal rules are a great way to divide a web page. Most web pages on the internet have some type of image content on the page. Images in HTML are easy to use. So now we need a JPEG image named myimage. You can make an image with that name, or you will see a myimage. Place the myimage.

Save it, refresh your web browser and view the results. You should be seeing something like the example below:. You just learned how to add images to your web page. There is a lot you can do with images, like wrapping text around them, resizing them, adding borders to them, etc. Don't worry, I am going to show you how to do all that in a later tutorial. For now, all we needed to learn was how to put an image in our web page — and you have learned that.

Great job! You only have one more tag to learn and you will know all the most important HTML tags there are to know. You are well on your way to becoming an HTML expert. Way to go! I saved this last HTML tag for last for a reason. This tag is a lot like the other HTML tags you have just learned.

This tag is for creating structure in your web page. You can think of it like a container or a building block. DIV is short form for 'division' and that is exactly what this tag is for. You can use as many or as few tags as you like to format content.

However, some HTML tags can be unclosed. An HTML attribute describes the characteristics of that element. There are nearly different types of HTML tags that you can use for your web pages. Here is a list of the most common HTML tags:. To do this, all you need is your web browser. Can be used for additional details which can be hidden or revealed. A container for external content. Useful for multilevel headings. Typically renders as a horizontal line running across the page.

It can still make text italicized, and I think that is often the default behavior, however, this depends on the stylesheet. In HTML5 this is known as nested browsing. Updates to a blog post for example. This is typically rendered as underlined text, although this can really be rendered just about any way you want with a stylesheet.

This is different from form element text input. These tags enclose the main content of an HTML document.