{"id":4521,"date":"2019-07-19T23:59:46","date_gmt":"2019-07-19T23:59:46","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=4521"},"modified":"2022-07-20T08:38:34","modified_gmt":"2022-07-20T15:38:34","slug":"basic-html-tags","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/basic-html-tags\/","title":{"rendered":"The Basic HTML Tags"},"content":{"rendered":"\n

An understanding of the basic HTML tags is the foundational skill in web development. If a website is a house, each HTML tag is like a brick giving it shape. Just as you can\u2019t understand how to build a house without understanding how to put up a structure, you can\u2019t understand how to build good websites without understanding HTML. 
<\/p>\n\n\n\n

With web development being one of the best tech jobs of 2022<\/a>, mastering the basic HTML tags is an ideal place to begin learning.\u00a0
<\/p>\n\n\n\n

What Are HTML Tags? <\/strong><\/h2>\n\n\n\n
\"
Pictured: a website being born. <\/figcaption><\/figure>\n\n\n\n

You\u2019re reading this article on a website. Have you ever wondered how the computer knows what content to display and how to display it? What is it that makes some text bold, italicized, and some contain a link to another webpage? 
<\/p>\n\n\n\n

Part of the answer is HTML tags. Once upon a time, HTML was the majority of code on the Internet. While that\u2019s changed, HTML is still a significant part of getting content on the web. 
<\/p>\n\n\n\n

HTML is a markup language. After a person writes content, they\u2019ll need to mark it up with HTML to do things like distinguish the title from the paragraphs. Most of this is done by inserting tags throughout the content. 
<\/p>\n\n\n\n

What Are The Basic HTML Tags?<\/strong><\/h2>\n\n\n\n
\"Man
HTML tags are a great place to start learning web development. <\/figcaption><\/figure>\n\n\n\n

An HTML tag is a special keyword surrounded by the sharp brackets < and >, such as: <body>. Tags almost always come in pairs, with one beginning tag and one ending tag. The difference is that ending tags have an extra slash inside the brackets: 
<\/p>\n\n\n\n

<example>The first tag is the beginning and the second tag is the end. <\/example>
<\/p>\n\n\n\n

Here are 10 common HTML tags<\/strong> that any web developer should know about, and they\u2019re especially important for those just starting out with learning HTML<\/a>. 
<\/p>\n\n\n\n

1. <html><\/html><\/strong> <\/h2>\n\n\n\n

This is the root element tag. It designates that everything between these brackets contains HTML code. 
<\/p>\n\n\n\n

2. <head><\/head><\/strong> <\/h2>\n\n\n\n

This tag distinguishes the head of the web page from the content. This is where you put Javascript code or give \u2018meta\u2019 information about the web site. 
<\/p>\n\n\n\n

3. <title><\/title><\/strong> <\/h2>\n\n\n\n

Have you noticed that browser tabs contain text that gives you an overview of the website? That text is written as the site\u2019s title with this tag. 
<\/p>\n\n\n\n

4. <body><\/body><\/strong> <\/h2>\n\n\n\n

The body tag specifies the actual content of the website. 
<\/p>\n\n\n\n

5. <h1><\/h1><\/strong> <\/h2>\n\n\n\n

This is a heading tag, which creates a title by making text bigger and making it bold. There are six heading tags: h1, h2, h3, h4, h5, h6, in descending order of size. 
<\/p>\n\n\n\n

6. <p><\/p><\/strong> <\/h2>\n\n\n\n

This tag specifies that a given section is supposed to be its own paragraph. Browsers usually insert blank spaces between paragraphs, making the text easier to read. 
<\/p>\n\n\n\n

7. <a><\/a><\/strong> <\/h2>\n\n\n\n

This tag let\u2019s us create a link with its \u2018href\u2019 attribute, like so: <\/p>\n\n\n\n

<a href=www.somewebsite.com>Click here<\/a>. 
<\/p>\n\n\n\n

8. <img><\/img> <\/strong><\/h2>\n\n\n\n

The \u2018image\u2019 tag is how you insert images into a web page. 
<\/p>\n\n\n\n

9. <div><\/div><\/strong> <\/h2>\n\n\n\n

Div tags group multiple pieces of content into a single container, which allows you to do things like apply separate styling to just that content
<\/p>\n\n\n\n

10. <span><\/span><\/strong> <\/h2>\n\n\n\n

Span is like a smaller version of div, used to style or interact with inline content. You could add just a couple of words to a particular class (<span class=\u2019endorsement\u2019>Text<\/span>) which, again, is great for styling and making the content more responsive.
<\/p>\n\n\n\n

This should be more than enough to get you started building fantastic websites! <\/p>\n\n\n\n