This is a warning: you should have this cheat sheet with you all the time :D A good example would be if we wanted to have a red word inside a sentence. The span tag groups text for which we want to have different styling. This is article about top 10 HTML tags, this will be you cheatsheet in the future, somewhere, where you can take a look and just use it.First tag that we will talk about is bold. Hence its purpose is to separate a part of text or paragraph, this way you make it more readable and organized. The paragraph tag groups text into a paragraph :D (That is funny). As a consequence, this is very useful if you add more list items, because the numbers will always be in the right order. Also includes List Items, which will be numbered automatically. Not to mention, you can have as many as you like. ![]() A tag that is used within an ordered () or unordered () list. In addition, the most important attribute is src (source), which tells where the picture is.Įxample (this will show an apple and a text): We use the IMG tag to show images. Considering that images can be within files for your web page or anywhere online. Rather, with italics you can present text that is a little tilted to the right. If you have a lot of text, then you need to emphasise some words to let the reader know what is important. There is a great chapter about titles in our blog post about adding a bulleted list to your HTML document. First tag is Bold is all about making words more important.Top 10 HTML tags In this article we will explain our list of top 10 HTML tags. Why do we need titles, when we can style a text to look like H tags? For instance, titles are used so that search engines and other scrapers (bots) understand the important parts of our documents. H3 is a subheading within a H2 subheading). Moreover, this is where you have metadata, which is data about the styling of the document, what kind of JavaScript libraries the document uses, title and CSS files. ![]() For examplle, let’s say you have a list of products on your web page, you will use a div for each product. The div HTML tag is an element you will use to divide a significant part of an HTML document from other parts. As a matter of fact, using a few breaks makes our text breath, this means that it is easier to read and understand.Įxample (use this text in html, and it will look different):ĬodeBrainer will teach you how to write HTML.If you will have trouble with remembering HTML tags, you should read our top 10 tags.And use some of the examples there.Your CodeBrainerĪn element which is mostly used to group elements and to act as a template for new controls. With this basic HTML tag we let the browser know, where we want some blank lines or breaks in the text. In fact, this is an integral part of all HTML documents but it is just a tag that marks what is the visible content of the page, where the most content is. And you do that with bold parts of the text. This is how you would link to our page and open it in a new window: CodeBrainer This is how you would link to our page: CodeBrainerĮxample 2: (link will open in new window) The other attribute is target, it can be used to open a link in a new window, so that users don’t lose focus on the current page. The main attribute for this HTML tag is the href (Hypertext Reference) attribute, where you put a link to a website you want to link to. In short, this is a tag that helps you make a link to a web page, to your page, social media site, product within online store. ![]() is a list item in bulleted (ordered list).is an ordered list, for an unordered list.it is a division or part of an HTML document.In fact it represents almost 25% of all tags on the web. It wasn’t surprising to find that the link tag is the most used tag. We analyzed the most popular websites on the web to find out what are the most used tags. Furthermore, all the tags have a short description and an example, so that you can see immediately what they do. ![]() Consequently, this is my short list of top basic HTML tags, that I use frequently. Here at CodeBrainer we get asked a lot about what are the best tags you should know when you start to learn HTML.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |