Wow, I never thought I would like coding that much. I mean I like doing it, but not actually enjoying doing it. I had only a little experience in coding in high school before I took an entire class on it in college. Coding can be hard at times and depending on the person can vary on whether someone likes to do it or not. But if you are wondering if you want to start coding or if you want to and don’t know where to begin. You’ve come to the right place.
Here are three beginner HTML tags I think you should know to help you get started and to help your website look clean and organized. The three I will talk about are headings, paragraphs, and lists. These three tags will help you go a long way in organizing, arranging, and help clean up your website’s look. Without these three basic tags your website will look all the same and people visiting your website won’t be able to follow very well and will most likely not visit it.
Heading Tag
The heading tag is an essential part of any website. It differentiate the headings (<h1>) and sub-headings (<h2>-<h6>) of a page from the rest of the content. Even with headers, if your text is all the same size, it will still be a big hassle and annoyance to any reader if they don’t know when information for one section ends and another starts. The image below is an example of code that is the same size.
When looking at these two examples the second header is easier to read and you know were it is. Even in the first example if you can tell were the header is. Not everyone is the same, for example, an older person may not be able to see as well as a younger person. So using the heading tag cleans up the look and makes the size larger. Depending on the tag you use the heading will get bigger or smaller. The heading tag varies with <h1></h1> being the largest, and <h6></h6> being the smallest. The image below shows the difference in size between all six tags.
Paragraph Tags
Next up will be paragraph tags. Paragraph tags help organize the content on your website. The paragraph tag defines a paragraph in your code. Also, browsers automatically add a single blank line before and after each <p> element. Even without a paragraph tag, you will be able to put content down on your web page. But you cannot customize it in your styles tag or CSS styles page. For without the <p> tag you cannot assign anything, like font style or size to it, at least that I saw. The paragraph tag also organizing you content, so that you know it is a paragraph and not something else and change it on accident. The paragraph tag is <p> with a closing tag of </p>. The image below is an example in how using a paragraph tag can help you organize your content.
Comparing the two examples you can see that the top one is harder to read because there are no breaks in the paragraph. Using multiple paragraph tags can help you ease the reader’s eyes when reading on your website. This also offers a clean and nice overall look to your website as well.
List Tags
Lastly, there is the list tag. The list tag can be categorized as an ordered list (<ol>) or an unordered list (<ul>). The list tag is used to group a set of related items in lists. This makes things easier to read compared to being in one long sentence. An ordered list uses numbers and is used for things that involve steps to be followed in a certain order. An unordered list uses, shapes like bullet points or squares, and is used to organize and emphasize information quickly and effectively. The images below is an example of a list in a sentence verses used in a bulleted list.
As you can see, in the top example it can be very hard to keep track of where you are, especially if you are in that situation. Lists just help keep everything together in a simple way so that you don’t forget or miss the important things.
These are just three of the many tags you can use to make your website look organized and clean. There are lots of different codes out there, not just for text, but for the design, this is just the tip of the iceberg. You can do so much with coding and I hope I could help you and that you were able to learn something from this. Happy Coding!